react-native-inapp-inspector 2.3.4 → 2.3.6

package/dist/esm/components/Inspector/StorageTab.js

@@ -28,7 +28,6 @@ const StorageEntryCard = React.memo(function StorageEntryCard({ entry, isExpande
             ? `${entry.byteSize} B`
             : `${(entry.byteSize / 1024).toFixed(1)} KB`;
     }, [entry.byteSize]);
-    // Lazy compute displayed value to avoid layout thrashing on large JSON strings
     const displayValue = useMemo(() => {
         if (!isExpanded) {
             if (entry.value.length > 250) {
@@ -48,7 +47,7 @@ const StorageEntryCard = React.memo(function StorageEntryCard({ entry, isExpande
         return entry.value;
     }, [isExpanded, entry.value, entry.type, entry.parsedValue]);
     return (<View style={styles.entryCard}>
-      {/* Entry Header: Key name, Type Badge, Size, Actions */}
+      
       <View style={styles.entryHeader}>
         <View style={{ flex: 1, marginRight: 8 }}>
           <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
@@ -67,7 +66,7 @@ const StorageEntryCard = React.memo(function StorageEntryCard({ entry, isExpande
           </View>
         </View>
 
-        {/* Actions: Copy, Edit, Delete */}
+        
         <View style={styles.entryActions}>
           <TouchableScale hitSlop={6} onPress={() => onCopy(entry)} style={styles.entryActionBtn}>
             <CopyIcon size={12} color={AppColors.grayText}/>
@@ -83,7 +82,7 @@ const StorageEntryCard = React.memo(function StorageEntryCard({ entry, isExpande
         </View>
       </View>
 
-      {/* Entry Value Preview / Viewer */}
+      
       <TouchableScale onPress={() => onToggleExpand(entry.key)} style={styles.valuePreviewBox}>
         <Text style={styles.valuePreviewText} numberOfLines={isExpanded ? undefined : 3} selectable={isExpanded}>
           {displayValue}
@@ -102,7 +101,6 @@ export const StorageTab = React.memo(() => {
     const [isLoading, setIsLoading] = useState(true);
     const [search, setSearch] = useState('');
     const [expandedKeys, setExpandedKeys] = useState({});
-    // Modal State for Create / Edit
     const [modalVisible, setModalVisible] = useState(false);
     const [modalMode, setModalMode] = useState('create');
     const [editKeyName, setEditKeyName] = useState('');
@@ -110,7 +108,6 @@ export const StorageTab = React.memo(() => {
     const [editType, setEditType] = useState('string');
     const [jsonError, setJsonError] = useState(null);
     const mmkvInstanceIds = useMemo(() => getRegisteredMMKVInstanceIds(), []);
-    // Fetch entries
     const loadEntries = useCallback(async () => {
         setIsLoading(true);
         try {
@@ -129,11 +126,9 @@ export const StorageTab = React.memo(() => {
         const unsubscribe = subscribeToStorageChanges(loadEntries);
         return unsubscribe;
     }, [loadEntries]);
-    // Toggle JSON accordion
     const toggleExpand = (key) => {
         setExpandedKeys(prev => ({ ...prev, [key]: !prev[key] }));
     };
-    // Open Create Modal
     const handleOpenCreate = () => {
         setModalMode('create');
         setEditKeyName('');
@@ -142,7 +137,6 @@ export const StorageTab = React.memo(() => {
         setJsonError(null);
         setModalVisible(true);
     };
-    // Open Edit Modal
     const handleOpenEdit = (entry) => {
         setModalMode('edit');
         setEditKeyName(entry.key);
@@ -151,7 +145,6 @@ export const StorageTab = React.memo(() => {
         setJsonError(null);
         setModalVisible(true);
     };
-    // Delete single key
     const handleDeleteKey = (key) => {
         Alert.alert('Delete Storage Key', `Are you sure you want to permanently delete "${key}" from ${activeDriver === 'asyncStorage' ? 'AsyncStorage' : 'MMKV'}?`, [
             { text: 'Cancel', style: 'cancel' },
@@ -171,7 +164,6 @@ export const StorageTab = React.memo(() => {
             },
         ]);
     };
-    // Clear all keys
     const handleClearAll = () => {
         Alert.alert('Wipe All Storage Keys', `Are you sure you want to clear all ${entries.length} keys in ${activeDriver === 'asyncStorage' ? 'AsyncStorage' : 'MMKV'}? This cannot be undone.`, [
             { text: 'Cancel', style: 'cancel' },
@@ -188,7 +180,6 @@ export const StorageTab = React.memo(() => {
             },
         ]);
     };
-    // Save Modal (Create / Update)
     const handleSaveModal = async () => {
         if (!editKeyName.trim()) {
             showToast('Key name cannot be empty');
@@ -197,7 +188,6 @@ export const StorageTab = React.memo(() => {
         let finalVal = editValue;
         if (editType === 'json') {
             try {
-                // Validate JSON
                 const parsed = JSON.parse(editValue);
                 finalVal = JSON.stringify(parsed);
             }
@@ -222,7 +212,6 @@ export const StorageTab = React.memo(() => {
             showToast('Error saving storage key');
         }
     };
-    // Format / Beautify JSON in modal
     const handleBeautifyJson = () => {
         try {
             const parsed = JSON.parse(editValue);
@@ -235,7 +224,6 @@ export const StorageTab = React.memo(() => {
             setJsonError('Cannot format: invalid JSON syntax');
         }
     };
-    // Filter entries
     const filteredEntries = useMemo(() => {
         if (!search.trim())
             return entries;
@@ -261,7 +249,7 @@ export const StorageTab = React.memo(() => {
         ? isAsyncStorageConnected()
         : isMMKVConnected();
     return (<View style={styles.container}>
-      {/* ── Driver Sub-Tabs ── */}
+      
       <View style={styles.driverTabsWrapper}>
         <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.driverTabsContainer}>
           <TouchableScale onPress={() => setActiveDriver('asyncStorage')} style={[
@@ -300,7 +288,7 @@ export const StorageTab = React.memo(() => {
               </View>)}
           </TouchableScale>
 
-          {/* MMKV Named Instance Dropdown/Pills */}
+          
           {activeDriver === 'mmkv' && mmkvInstanceIds.length > 1 && (<View style={{ flexDirection: 'row', alignItems: 'center', gap: 4, marginLeft: 6 }}>
               {mmkvInstanceIds.map(id => (<TouchableScale key={id} onPress={() => setActiveMMKVId(id)} style={[
                     styles.instancePill,
@@ -317,7 +305,7 @@ export const StorageTab = React.memo(() => {
         </ScrollView>
       </View>
 
-      {/* ── Search & Actions Bar ── */}
+      
       <View style={styles.actionBar}>
         <View style={styles.searchBar}>
           <SearchIcon size={14} color={AppColors.grayTextWeak}/>
@@ -343,7 +331,7 @@ export const StorageTab = React.memo(() => {
             </View>)}
         </View>
 
-        {/* Action Buttons: Add Key & Refresh */}
+        
         <TouchableScale onPress={handleOpenCreate} style={styles.addKeyBtn} hitSlop={6}>
           <PlusIcon size={13} color={AppColors.white}/>
           <Text style={styles.addKeyBtnText}>Add</Text>
@@ -358,7 +346,7 @@ export const StorageTab = React.memo(() => {
           </TouchableScale>)}
       </View>
 
-      {/* ── Stats Strip ── */}
+      
       <View style={styles.statsStrip}>
         <Text style={styles.statsText}>
           {filteredEntries.length} of {entries.length} Keys • {formattedTotalSize}
@@ -368,7 +356,7 @@ export const StorageTab = React.memo(() => {
         </Text>
       </View>
 
-      {/* ── Storage Entries List ── */}
+      
       {isLoading ? (<View style={styles.loadingContainer}>
           <ActivityIndicator size="small" color={AppColors.purple}/>
           <Text style={styles.loadingText}>Loading storage entries...</Text>
@@ -386,7 +374,7 @@ export const StorageTab = React.memo(() => {
               </Text>
             </View>} ListFooterComponent={<View style={{ height: 60 }}/>}/>)}
 
-      {/* ── Create / Edit Key Modal ── */}
+      
       <Modal visible={modalVisible} transparent animationType="fade" onRequestClose={() => setModalVisible(false)}>
         <View style={styles.modalOverlay}>
           <View style={styles.modalCard}>
@@ -399,7 +387,7 @@ export const StorageTab = React.memo(() => {
               </TouchableScale>
             </View>
 
-            {/* Key Name Input */}
+            
             <View style={styles.inputGroup}>
               <Text style={styles.inputLabel}>KEY NAME</Text>
               <TextInput value={editKeyName} onChangeText={setEditKeyName} placeholder="e.g. user_session, auth_token" placeholderTextColor={AppColors.grayTextWeak} editable={modalMode === 'create'} style={[
@@ -408,7 +396,7 @@ export const StorageTab = React.memo(() => {
         ]} autoCapitalize="none"/>
             </View>
 
-            {/* Type Selector Strip */}
+            
             <View style={styles.inputGroup}>
               <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginBottom: 4 }}>
                 <Text style={styles.inputLabel}>VALUE TYPE</Text>
@@ -437,7 +425,7 @@ export const StorageTab = React.memo(() => {
               </View>
             </View>
 
-            {/* Value Input */}
+            
             <View style={styles.inputGroup}>
               <Text style={styles.inputLabel}>VALUE CONTENT</Text>
               <TextInput value={editValue} onChangeText={v => {
@@ -454,7 +442,7 @@ export const StorageTab = React.memo(() => {
               {jsonError && (<Text style={styles.errorText}>⚠️ {jsonError}</Text>)}
             </View>
 
-            {/* Modal Actions */}
+            
             <View style={styles.modalActions}>
               <TouchableScale onPress={() => setModalVisible(false)} style={styles.cancelBtn}>
                 <Text style={styles.cancelBtnText}>Cancel</Text>

package/dist/esm/components/Inspector/UpdateAvailableModal.js

@@ -6,7 +6,6 @@ import { NpmIcon } from '../NetworkIcons';
 import { LIB_VERSION } from '../../constants';
 import { copyToClipboard } from '../../helpers';
 import { showToast } from '../../helpers/toast';
-// ─── Crisp SVG Icons ─────────────────────────────────────────────────────────
 const CopySvg = ({ size = 14, color = '#64748B' }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
     <Path d="M8 4v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
     <Path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
@@ -90,12 +89,12 @@ export const UpdateAvailableModal = ({ visible, latestVersion, onClose, }) => {
                 transform: [{ scale: scaleAnim }],
             },
         ]}>
-          {/* Top-Right Dismiss Button */}
+          
           <TouchableOpacity style={styles.topCloseButton} onPress={handleClose} hitSlop={10} activeOpacity={0.7}>
             <CloseSvg size={13} color="#64748B"/>
           </TouchableOpacity>
 
-          {/* Header section with brand square icon & sparkle */}
+          
           <View style={styles.headerSection}>
             <View style={styles.iconHaloRing}>
               <BrandSquareIcon size={52}/>
@@ -110,7 +109,7 @@ export const UpdateAvailableModal = ({ visible, latestVersion, onClose, }) => {
             </Text>
           </View>
 
-          {/* Version Comparison Card */}
+          
           <View style={styles.versionComparisonCard}>
             <View style={styles.versionColumn}>
               <Text style={styles.versionLabel}>INSTALLED</Text>
@@ -132,7 +131,7 @@ export const UpdateAvailableModal = ({ visible, latestVersion, onClose, }) => {
             </View>
           </View>
 
-          {/* Quick Install Snippet Box */}
+          
           <View style={styles.codeSnippetBox}>
             <View style={styles.codeSnippetHeader}>
               <Text style={styles.codeSnippetLabel}>UPGRADE COMMAND</Text>
@@ -152,7 +151,7 @@ export const UpdateAvailableModal = ({ visible, latestVersion, onClose, }) => {
             </TouchableOpacity>
           </View>
 
-          {/* Action Buttons */}
+          
           <View style={styles.buttonRow}>
             <TouchableOpacity style={styles.secondaryButton} onPress={handleClose} activeOpacity={0.7}>
               <Text style={styles.secondaryButtonText}>Later</Text>

package/dist/esm/components/JsonViewer.js

@@ -1,17 +1,14 @@
 import React, { useState, useEffect } from 'react';
 import { ScrollView, View, Text, StyleSheet, TouchableOpacity } from 'react-native';
 import { useTranslation } from '../i18n';
-// Components
 import TreeNode from './TreeNode';
 import SegmentedTabs from './SegmentedTabs';
 import HighlightText from './HighlightText';
 import CopyButton from './CopyButton';
 import { PrettyIcon, RawIcon, TableIcon } from './NetworkIcons';
-// Styles
 import { AppColors } from '../styles/AppColors';
 import { AppFonts } from '../styles/AppFonts';
 import styles from '../styles';
-// ── Table Row Component with 3-Line Clamp & Show More/Less ───────────────────
 const JsonTableRow = React.memo(({ itemKey, val, search, }) => {
     const [expanded, setExpanded] = useState(false);
     const isObject = val !== null && typeof val === 'object';
@@ -55,7 +52,6 @@ const JsonTableRow = React.memo(({ itemKey, val, search, }) => {
       </View>
     </View>);
 });
-// ── JsonViewer Component ─────────────────────────────────────────────────────
 const JsonViewer = React.memo(({ data, search, forceOpen, defaultExpandDepth = 1, wrap, fullHeight = false, maxHeight, mode: externalMode, onModeChange, hideTabs = false, }) => {
     const { t } = useTranslation();
     const [internalMode, setInternalMode] = useState('raw');
@@ -103,12 +99,10 @@ const JsonViewer = React.memo(({ data, search, forceOpen, defaultExpandDepth = 1
         localStyles.rawScroll,
         !fullHeight && maxHeight != null && { maxHeight },
     ];
-    // Determine type and size details
     const isObject = typeof data === 'object' && data !== null;
     const isEmpty = data === null ||
         data === undefined ||
         (isObject && Object.keys(data).length === 0);
-    // Render Table view (Key-Value flat table for root keys)
     const renderTableMode = () => {
         if (!isObject) {
             return (<View style={localStyles.tableRow}>
@@ -130,10 +124,9 @@ const JsonViewer = React.memo(({ data, search, forceOpen, defaultExpandDepth = 1
         {keys.map((key) => (<JsonTableRow key={key} itemKey={key} val={data[key]} search={search}/>))}
       </View>);
     };
-    // Tree View Content
     const tree = (<TreeNode data={data} search={search} forceOpen={forceOpen} defaultExpandDepth={defaultExpandDepth}/>);
     return (<View style={[localStyles.container, fullHeight && { flex: 1 }]}>
-      {/* ── Top Toolbar (Postman-style) ── */}
+      
       {!hideTabs && (<View style={localStyles.toolbar}>
           <SegmentedTabs tabs={[
                 {
@@ -155,7 +148,7 @@ const JsonViewer = React.memo(({ data, search, forceOpen, defaultExpandDepth = 1
           <CopyButton value={data} label="JSON"/>
         </View>)}
 
-      {/* ── Main View Content Area (Royal Monospace Theme) ── */}
+      
       <View style={contentWrapperStyle}>
         {mode === 'pretty' && (isEmpty ? (<View style={localStyles.emptyTable}>
               <Text style={localStyles.emptyTableText}>
@@ -238,7 +231,7 @@ const localStyles = StyleSheet.create({
     },
     rawScroll: {
         flex: 1,
-        backgroundColor: AppColors.paperBg, // Royal off-white paper tone
+        backgroundColor: AppColors.paperBg,
     },
     rawContainer: {
         padding: 12,

package/dist/esm/components/LogCard.js

@@ -85,7 +85,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
             },
         ]}>
       <View style={styles.cardBody}>
-        {/* Row 1: Header (Checkbox, Serial, Method Badge, Client Tag, Status Pill) */}
+        
         <View style={styles.cardHeaderRow}>
           <View style={styles.cardHeaderLeft}>
             <Pressable onPress={() => onToggleSelect(item.id)} hitSlop={12} style={[
@@ -145,7 +145,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
                 </Text>
               </View>)}
 
-            {/* Protocol / HTTPS Badge */}
+            
             <View style={[
             styles.chip,
             {
@@ -174,7 +174,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
               </Text>
             </View>
 
-            {/* GraphQL Indicator */}
+            
             {(item.url.toLowerCase().includes('graphql') ||
             item.client === 'apollo' ||
             item.client === 'graphql') && (<View style={[
@@ -199,7 +199,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
                 </Text>
               </View>)}
 
-            {/* In-Line Duration / Latency Pill */}
+            
             {item.duration != null && !isFailed && (<View style={[
                 styles.chip,
                 {
@@ -261,7 +261,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
           </View>
         </View>
 
-        {/* Row 2: Full URL Capsule Container (Clickable with link prompt) */}
+        
         <View style={styles.cardSlugBox}>
           <Pressable onPress={handleOpenUrl} style={styles.slugLeft} hitSlop={6}>
             <View style={{
@@ -308,7 +308,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
           </View>
         </View>
 
-        {/* Row 3: Footer (Timestamp on Left, Response Size & Duration on Right) */}
+        
         <View style={styles.cardFooterRow}>
           <View style={styles.cardDateRow}>
             <CalendarIcon color={AppColors.grayTextWeak} size={10}/>
@@ -347,7 +347,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
           </View>
         </View>
 
-        {/* Mini Latency Timing Waterfall Bar */}
+        
         {typeof item.duration === 'number' && item.duration > 0 && !isFailed && (<View style={{ marginTop: 6, gap: 2 }}>
             <View style={{
                 height: 2.5,

package/dist/esm/components/MetaAccordion.js

@@ -1,18 +1,12 @@
 import React, { useState } from 'react';
 import { useTranslation } from '../i18n';
 import { View, Pressable, Text, Animated } from 'react-native';
-// Constants
 import { DURATION_FAST_MS, DURATION_SLOW_MS } from '../constants';
-// Custom Hooks
 import useAccordion from '../customHooks/useAccordion';
-// Helpers
 import { getDurationColor, handleOpenExternalLink } from '../helpers';
-// Assets
 import { ChevronIcon, CalendarIcon, StatusIcon, ClockIcon, SizeIcon, TerminalIcon, GlobeIcon, } from './NetworkIcons';
-// Components
 import TouchableScale from './TouchableScale';
 import CopyButton from './CopyButton';
-// Stylesheet
 import { AppColors } from '../styles/AppColors';
 import { AppFonts } from '../styles/AppFonts';
 import styles from '../styles';
@@ -183,7 +177,7 @@ const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, metho
             </View>
           </View>
 
-          {/* Visual Latency Timing Breakdown Waterfall */}
+          
           {duration != null && !isFailed && (<View style={{ paddingVertical: 8, gap: 6 }}>
               <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
                 <Text style={{ fontFamily: AppFonts.interBold, fontSize: 11, color: AppColors.primaryBlack }}>

package/dist/esm/components/NetworkIcons.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import Svg, { Circle, Ellipse, Line, Path, Rect } from 'react-native-svg';
-// Stylesheet
 import { AppColors } from '../styles/AppColors';
 export const EmptyRadarIcon = ({ color = AppColors.purple, size = 32 }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
@@ -205,19 +204,19 @@ export const InsightsIcon = ({ color = AppColors.grayTextWeak, size = 14, }) =>
 };
 export const DebugIcon = ({ color = AppColors.white, size = 18 }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {/* Hammer: diagonal from bottom-left to top-right */}
-      {/* Handle */}
+      
+      
       <Path d="M6 18l8-8" stroke={color} strokeWidth="2.5" strokeLinecap="round"/>
-      {/* Head */}
+      
       <Path d="M13.5 10.5l2-2 1.5 1.5-2 2-1.5-1.5z" fill={color}/>
       <Path d="M15.5 8.5L19 5c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7L17.2 10.2" stroke={color} strokeWidth="2" strokeLinecap="round"/>
 
-      {/* Screwdriver: diagonal from bottom-right to top-left */}
-      {/* Handle */}
+      
+      
       <Path d="M15 15l4 4" stroke={color} strokeWidth="3.5" strokeLinecap="round"/>
-      {/* Shaft */}
+      
       <Path d="M15 15L8.5 8.5" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-      {/* Flat tip */}
+      
       <Path d="M9 9L5 5M4.5 6.5l2-2" stroke={color} strokeWidth="2" strokeLinecap="round"/>
     </Svg>);
 };
@@ -267,20 +266,18 @@ export const FolderIcon = ({ color = AppColors.grayTextWeak, size = 14, }) => {
       <Path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
     </Svg>);
 };
-// #3 — Broom/sweep "wipe" icon used by the header Clear-Everything button.
 export const WipeIcon = ({ color = AppColors.white, size = 16 }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {/* Handle */}
+      
       <Path d="M19.5 3.5L12.7 10.3" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-      {/* Brush head */}
+      
       <Path d="M13.5 9.5l1.5 1.5c.8.8.8 2 0 2.8L10 19l-5-5 5.2-5.5c.8-.8 2-.8 2.8 0z" stroke={color} strokeWidth="2" strokeLinejoin="round"/>
-      {/* Bristle strokes */}
+      
       <Path d="M7.5 16.5L5.5 18.5M10 19l-1.5 1.5" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-      {/* Dust sparks */}
+      
       <Path d="M3 11.5h.01M5.5 8.5h.01" stroke={color} strokeWidth="2.4" strokeLinecap="round"/>
     </Svg>);
 };
-// #7 — Icons for the inner filter chips / sub tabs.
 export const LayersIcon = ({ color = AppColors.grayTextWeak, size = 12, }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
       <Path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
@@ -416,7 +413,6 @@ export const PerformanceIcon = ({ color = AppColors.purple, size = 14, }) => {
       <Circle cx="12" cy="12" r="1.5" fill={color}/>
     </Svg>);
 };
-// ─── App-wide Vector Icons (emoji-free, render on every device) ─────────────
 export const BoltIcon = ({ color = AppColors.amber500, size = 14 }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
       <Path d="M13 2 4.5 13.5 H10.5 L9 22 19.5 9.5 H13.5 Z" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
@@ -570,7 +566,7 @@ export const UserCheckIcon = ({ color = AppColors.grayTextWeak, size = 14, }) =>
 };
 export const CrashIcon = ({ color = AppColors.errorColor, size = 14, }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {/* Bug / Crash Hybrid Icon */}
+      
       <Path d="M12 2v3M4.93 4.93l2.12 2.12M19.07 4.93l-2.12 2.12M9 10h6M8 14h8M9 18h6" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
       <Path d="M12 8a6 6 0 0 1 6 6v3a6 6 0 0 1-12 0v-3a6 6 0 0 1 6-6z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
       <Path d="M3 13h3M18 13h3M4 19l2.5-1.5M20 19l-2.5-1.5M4 9l2.5 1.5M20 9l-2.5 1.5" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>

package/dist/esm/components/SectionHeader.js

@@ -1,13 +1,9 @@
 import React, { useRef, useEffect } from 'react';
 import { Animated, View, Pressable, Text } from 'react-native';
-// Stylesheet
 import { AppColors } from '../styles/AppColors';
-// Components
 import CopyButton from './CopyButton';
 import TouchableScale from './TouchableScale';
-// Assets
 import { RequestIcon, ResponseIcon, HeadersIcon, DiffIcon, ChevronIcon, SearchIcon, } from './NetworkIcons';
-// Stylesheet
 import styles from '../styles';
 const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDiffing, onToggleDiff, showSearch, isSearching, onToggleSearch, }) => {
     const isOpen = expanded === undefined ? false : !!expanded;

package/dist/esm/components/SkeletonPlaceholder.js

@@ -20,7 +20,7 @@ export const SkeletonPlaceholder = React.memo(function SkeletonPlaceholder({ car
         return () => animation.stop();
     }, [shimmerAnim]);
     return (<View style={skeletonStyles.container}>
-      {/* ─── Search & Scope Toolbar Skeleton ─── */}
+      
       <View style={skeletonStyles.toolbarSkeleton}>
         <Animated.View style={[
             skeletonStyles.searchBarSkeleton,
@@ -32,7 +32,7 @@ export const SkeletonPlaceholder = React.memo(function SkeletonPlaceholder({ car
         </View>
       </View>
 
-      {/* ─── Quick Filter Chips Skeleton Strip ─── */}
+      
       <View style={skeletonStyles.chipStripSkeleton}>
         <Animated.View style={[skeletonStyles.chipSkeleton, { width: 48, opacity: shimmerAnim }]}/>
         <Animated.View style={[skeletonStyles.chipSkeleton, { width: 68, opacity: shimmerAnim }]}/>
@@ -40,9 +40,9 @@ export const SkeletonPlaceholder = React.memo(function SkeletonPlaceholder({ car
         <Animated.View style={[skeletonStyles.chipSkeleton, { width: 58, opacity: shimmerAnim }]}/>
       </View>
 
-      {/* ─── List Cards Skeleton ─── */}
+      
       {Array.from({ length: cardCount }).map((_, i) => (<Animated.View key={`skeleton_card_${i}`} style={[skeletonStyles.cardSkeleton, { opacity: shimmerAnim }]}>
-          {/* Top row: Status pill + Method + Time */}
+          
           <View style={skeletonStyles.cardTopRow}>
             <View style={skeletonStyles.badgeGroup}>
               <View style={skeletonStyles.statusBadgeSkeleton}/>
@@ -51,11 +51,11 @@ export const SkeletonPlaceholder = React.memo(function SkeletonPlaceholder({ car
             <View style={skeletonStyles.timeSkeleton}/>
           </View>
 
-          {/* Middle row: URL lines */}
+          
           <View style={skeletonStyles.urlLineLong}/>
           <View style={skeletonStyles.urlLineShort}/>
 
-          {/* Bottom row: Latency & Size */}
+          
           <View style={skeletonStyles.cardBottomRow}>
             <View style={skeletonStyles.metaPillSkeleton}/>
             <View style={skeletonStyles.metaPillSkeleton}/>

package/dist/esm/components/Slider.js

@@ -56,7 +56,7 @@ export const Slider = React.memo(({ value, onValueChange, min = 50, max = 90, st
     };
     const thumbPosition = percentage * (trackWidth || 0);
     return (<View style={styles.container}>
-        {/* Value Display Row */}
+        
         <View style={styles.valueRow}>
           <Text style={styles.rangeText}>{min}%</Text>
           <View style={[
@@ -68,18 +68,18 @@ export const Slider = React.memo(({ value, onValueChange, min = 50, max = 90, st
           <Text style={styles.rangeText}>{max}%</Text>
         </View>
 
-        {/* Interactive Track Area */}
+        
         <View ref={trackContainerRef} onLayout={handleLayout} {...panResponder.panHandlers} style={styles.touchArea}>
-          {/* Background Rail */}
+          
           <View style={styles.rail}>
-            {/* Active Filled Bar */}
+            
             <View style={[
             styles.fillBar,
             { width: `${Math.round(percentage * 100)}%` },
         ]}/>
           </View>
 
-          {/* Draggable Thumb */}
+          
           <View style={[
             styles.thumb,
             {
@@ -91,7 +91,7 @@ export const Slider = React.memo(({ value, onValueChange, min = 50, max = 90, st
           </View>
         </View>
 
-        {/* Quick Presets */}
+        
         {quickPresets && quickPresets.length > 0 && (<View style={styles.presetRow}>
             {quickPresets.map(preset => {
                 const isSelected = Math.round(clampedValue) === preset;

package/dist/esm/components/SourcePageCard.js

@@ -1,13 +1,9 @@
 import React from 'react';
 import { View, Pressable, Text, Animated } from 'react-native';
 import Svg, { Rect, Path } from 'react-native-svg';
-// Components
 import CopyButton from './CopyButton';
-// Custom Hooks
 import useAccordion from '../customHooks/useAccordion';
-// Assets
 import { ChevronIcon } from './NetworkIcons';
-// Stylesheet
 import { AppColors } from '../styles/AppColors';
 import styles from '../styles';
 const SourcePageCard = ({ routeInfo }) => {

package/dist/esm/components/TreeNode.js

@@ -1,10 +1,7 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { Text, View, Image, Animated, Pressable } from 'react-native';
-// Helpers
 import { escapeRegex } from '../helpers';
-// Assets
 import { ChevronIcon, DocIcon } from './NetworkIcons';
-// Stylesheet
 import { AppColors } from '../styles/AppColors';
 import styles from '../styles';
 const TreeNode = React.memo(function TreeNode({ data, name, level = 0, search, forceOpen, defaultExpandDepth = 1, }) {
@@ -22,7 +19,6 @@ const TreeNode = React.memo(function TreeNode({ data, name, level = 0, search, f
     }, [forceOpen]);
     const isObject = typeof data === 'object' && data !== null;
     const isArray = Array.isArray(data);
-    // Declare all hooks at the top unconditionally (prevents "Rendered fewer hooks than expected" error)
     const treeChevronAnim = useRef(new Animated.Value(open ? 1 : 0)).current;
     useEffect(() => {
         Animated.timing(treeChevronAnim, {

package/dist/esm/console.d.ts

@@ -1,7 +1,3 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/console
- * Clean tree-shaking & isolated console logger.
- */
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, getConsoleLogs, setConsoleModuleEnabled, getConsoleModuleEnabled, setMaxConsoleLogsLimit, getMaxConsoleLogsLimit, pruneConsoleLogs, } from './customHooks/consoleLogger';
 export type { ConsoleLog, } from './types';
 export { ConsoleLogType, LogFilter, } from './types';

package/dist/esm/console.js

@@ -1,6 +1,2 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/console
- * Clean tree-shaking & isolated console logger.
- */
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, getConsoleLogs, setConsoleModuleEnabled, getConsoleModuleEnabled, setMaxConsoleLogsLimit, getMaxConsoleLogsLimit, pruneConsoleLogs, } from './customHooks/consoleLogger';
 export { ConsoleLogType, LogFilter, } from './types';