react-native-inapp-inspector 2.3.5 → 2.3.6

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

@@ -67,7 +67,6 @@ const StorageEntryCard = react_1.default.memo(function StorageEntryCard({ entry,
             ? `${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 = (0, react_1.useMemo)(() => {
         if (!isExpanded) {
             if (entry.value.length > 250) {
@@ -87,7 +86,7 @@ const StorageEntryCard = react_1.default.memo(function StorageEntryCard({ entry,
         return entry.value;
     }, [isExpanded, entry.value, entry.type, entry.parsedValue]);
     return (<react_native_1.View style={styles.entryCard}>
-      {/* Entry Header: Key name, Type Badge, Size, Actions */}
+      
       <react_native_1.View style={styles.entryHeader}>
         <react_native_1.View style={{ flex: 1, marginRight: 8 }}>
           <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
@@ -106,7 +105,7 @@ const StorageEntryCard = react_1.default.memo(function StorageEntryCard({ entry,
           </react_native_1.View>
         </react_native_1.View>
 
-        {/* Actions: Copy, Edit, Delete */}
+        
         <react_native_1.View style={styles.entryActions}>
           <TouchableScale_1.default hitSlop={6} onPress={() => onCopy(entry)} style={styles.entryActionBtn}>
             <NetworkIcons_1.CopyIcon size={12} color={AppColors_1.AppColors.grayText}/>
@@ -122,7 +121,7 @@ const StorageEntryCard = react_1.default.memo(function StorageEntryCard({ entry,
         </react_native_1.View>
       </react_native_1.View>
 
-      {/* Entry Value Preview / Viewer */}
+      
       <TouchableScale_1.default onPress={() => onToggleExpand(entry.key)} style={styles.valuePreviewBox}>
         <react_native_1.Text style={styles.valuePreviewText} numberOfLines={isExpanded ? undefined : 3} selectable={isExpanded}>
           {displayValue}
@@ -141,7 +140,6 @@ exports.StorageTab = react_1.default.memo(() => {
     const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     const [search, setSearch] = (0, react_1.useState)('');
     const [expandedKeys, setExpandedKeys] = (0, react_1.useState)({});
-    // Modal State for Create / Edit
     const [modalVisible, setModalVisible] = (0, react_1.useState)(false);
     const [modalMode, setModalMode] = (0, react_1.useState)('create');
     const [editKeyName, setEditKeyName] = (0, react_1.useState)('');
@@ -149,7 +147,6 @@ exports.StorageTab = react_1.default.memo(() => {
     const [editType, setEditType] = (0, react_1.useState)('string');
     const [jsonError, setJsonError] = (0, react_1.useState)(null);
     const mmkvInstanceIds = (0, react_1.useMemo)(() => (0, storageInspector_1.getRegisteredMMKVInstanceIds)(), []);
-    // Fetch entries
     const loadEntries = (0, react_1.useCallback)(async () => {
         setIsLoading(true);
         try {
@@ -168,11 +165,9 @@ exports.StorageTab = react_1.default.memo(() => {
         const unsubscribe = (0, storageInspector_1.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('');
@@ -181,7 +176,6 @@ exports.StorageTab = react_1.default.memo(() => {
         setJsonError(null);
         setModalVisible(true);
     };
-    // Open Edit Modal
     const handleOpenEdit = (entry) => {
         setModalMode('edit');
         setEditKeyName(entry.key);
@@ -190,7 +184,6 @@ exports.StorageTab = react_1.default.memo(() => {
         setJsonError(null);
         setModalVisible(true);
     };
-    // Delete single key
     const handleDeleteKey = (key) => {
         react_native_1.Alert.alert('Delete Storage Key', `Are you sure you want to permanently delete "${key}" from ${activeDriver === 'asyncStorage' ? 'AsyncStorage' : 'MMKV'}?`, [
             { text: 'Cancel', style: 'cancel' },
@@ -210,7 +203,6 @@ exports.StorageTab = react_1.default.memo(() => {
             },
         ]);
     };
-    // Clear all keys
     const handleClearAll = () => {
         react_native_1.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' },
@@ -227,7 +219,6 @@ exports.StorageTab = react_1.default.memo(() => {
             },
         ]);
     };
-    // Save Modal (Create / Update)
     const handleSaveModal = async () => {
         if (!editKeyName.trim()) {
             (0, toast_1.showToast)('Key name cannot be empty');
@@ -236,7 +227,6 @@ exports.StorageTab = react_1.default.memo(() => {
         let finalVal = editValue;
         if (editType === 'json') {
             try {
-                // Validate JSON
                 const parsed = JSON.parse(editValue);
                 finalVal = JSON.stringify(parsed);
             }
@@ -261,7 +251,6 @@ exports.StorageTab = react_1.default.memo(() => {
             (0, toast_1.showToast)('Error saving storage key');
         }
     };
-    // Format / Beautify JSON in modal
     const handleBeautifyJson = () => {
         try {
             const parsed = JSON.parse(editValue);
@@ -274,7 +263,6 @@ exports.StorageTab = react_1.default.memo(() => {
             setJsonError('Cannot format: invalid JSON syntax');
         }
     };
-    // Filter entries
     const filteredEntries = (0, react_1.useMemo)(() => {
         if (!search.trim())
             return entries;
@@ -300,7 +288,7 @@ exports.StorageTab = react_1.default.memo(() => {
         ? (0, storageInspector_1.isAsyncStorageConnected)()
         : (0, storageInspector_1.isMMKVConnected)();
     return (<react_native_1.View style={styles.container}>
-      {/* ── Driver Sub-Tabs ── */}
+      
       <react_native_1.View style={styles.driverTabsWrapper}>
         <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.driverTabsContainer}>
           <TouchableScale_1.default onPress={() => setActiveDriver('asyncStorage')} style={[
@@ -339,7 +327,7 @@ exports.StorageTab = react_1.default.memo(() => {
               </react_native_1.View>)}
           </TouchableScale_1.default>
 
-          {/* MMKV Named Instance Dropdown/Pills */}
+          
           {activeDriver === 'mmkv' && mmkvInstanceIds.length > 1 && (<react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 4, marginLeft: 6 }}>
               {mmkvInstanceIds.map(id => (<TouchableScale_1.default key={id} onPress={() => setActiveMMKVId(id)} style={[
                     styles.instancePill,
@@ -356,7 +344,7 @@ exports.StorageTab = react_1.default.memo(() => {
         </react_native_1.ScrollView>
       </react_native_1.View>
 
-      {/* ── Search & Actions 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}/>
@@ -382,7 +370,7 @@ exports.StorageTab = react_1.default.memo(() => {
             </react_native_1.View>)}
         </react_native_1.View>
 
-        {/* Action Buttons: Add Key & Refresh */}
+        
         <TouchableScale_1.default onPress={handleOpenCreate} style={styles.addKeyBtn} hitSlop={6}>
           <NetworkIcons_1.PlusIcon size={13} color={AppColors_1.AppColors.white}/>
           <react_native_1.Text style={styles.addKeyBtnText}>Add</react_native_1.Text>
@@ -397,7 +385,7 @@ exports.StorageTab = react_1.default.memo(() => {
           </TouchableScale_1.default>)}
       </react_native_1.View>
 
-      {/* ── Stats Strip ── */}
+      
       <react_native_1.View style={styles.statsStrip}>
         <react_native_1.Text style={styles.statsText}>
           {filteredEntries.length} of {entries.length} Keys • {formattedTotalSize}
@@ -407,7 +395,7 @@ exports.StorageTab = react_1.default.memo(() => {
         </react_native_1.Text>
       </react_native_1.View>
 
-      {/* ── Storage Entries List ── */}
+      
       {isLoading ? (<react_native_1.View style={styles.loadingContainer}>
           <react_native_1.ActivityIndicator size="small" color={AppColors_1.AppColors.purple}/>
           <react_native_1.Text style={styles.loadingText}>Loading storage entries...</react_native_1.Text>
@@ -425,7 +413,7 @@ exports.StorageTab = react_1.default.memo(() => {
               </react_native_1.Text>
             </react_native_1.View>} ListFooterComponent={<react_native_1.View style={{ height: 60 }}/>}/>)}
 
-      {/* ── Create / Edit Key Modal ── */}
+      
       <react_native_1.Modal visible={modalVisible} transparent animationType="fade" onRequestClose={() => setModalVisible(false)}>
         <react_native_1.View style={styles.modalOverlay}>
           <react_native_1.View style={styles.modalCard}>
@@ -438,7 +426,7 @@ exports.StorageTab = react_1.default.memo(() => {
               </TouchableScale_1.default>
             </react_native_1.View>
 
-            {/* Key Name Input */}
+            
             <react_native_1.View style={styles.inputGroup}>
               <react_native_1.Text style={styles.inputLabel}>KEY NAME</react_native_1.Text>
               <react_native_1.TextInput value={editKeyName} onChangeText={setEditKeyName} placeholder="e.g. user_session, auth_token" placeholderTextColor={AppColors_1.AppColors.grayTextWeak} editable={modalMode === 'create'} style={[
@@ -447,7 +435,7 @@ exports.StorageTab = react_1.default.memo(() => {
         ]} autoCapitalize="none"/>
             </react_native_1.View>
 
-            {/* Type Selector Strip */}
+            
             <react_native_1.View style={styles.inputGroup}>
               <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginBottom: 4 }}>
                 <react_native_1.Text style={styles.inputLabel}>VALUE TYPE</react_native_1.Text>
@@ -476,7 +464,7 @@ exports.StorageTab = react_1.default.memo(() => {
               </react_native_1.View>
             </react_native_1.View>
 
-            {/* Value Input */}
+            
             <react_native_1.View style={styles.inputGroup}>
               <react_native_1.Text style={styles.inputLabel}>VALUE CONTENT</react_native_1.Text>
               <react_native_1.TextInput value={editValue} onChangeText={v => {
@@ -493,7 +481,7 @@ exports.StorageTab = react_1.default.memo(() => {
               {jsonError && (<react_native_1.Text style={styles.errorText}>⚠️ {jsonError}</react_native_1.Text>)}
             </react_native_1.View>
 
-            {/* Modal Actions */}
+            
             <react_native_1.View style={styles.modalActions}>
               <TouchableScale_1.default onPress={() => setModalVisible(false)} style={styles.cancelBtn}>
                 <react_native_1.Text style={styles.cancelBtnText}>Cancel</react_native_1.Text>

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

@@ -42,7 +42,6 @@ const NetworkIcons_1 = require("../NetworkIcons");
 const constants_1 = require("../../constants");
 const helpers_1 = require("../../helpers");
 const toast_1 = require("../../helpers/toast");
-// ─── Crisp SVG Icons ─────────────────────────────────────────────────────────
 const CopySvg = ({ size = 14, color = '#64748B' }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
     <react_native_svg_1.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"/>
     <react_native_svg_1.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"/>
@@ -126,12 +125,12 @@ const UpdateAvailableModal = ({ visible, latestVersion, onClose, }) => {
                 transform: [{ scale: scaleAnim }],
             },
         ]}>
-          {/* Top-Right Dismiss Button */}
+          
           <react_native_1.TouchableOpacity style={styles.topCloseButton} onPress={handleClose} hitSlop={10} activeOpacity={0.7}>
             <CloseSvg size={13} color="#64748B"/>
           </react_native_1.TouchableOpacity>
 
-          {/* Header section with brand square icon & sparkle */}
+          
           <react_native_1.View style={styles.headerSection}>
             <react_native_1.View style={styles.iconHaloRing}>
               <BrandSquareIcon_1.BrandSquareIcon size={52}/>
@@ -146,7 +145,7 @@ const UpdateAvailableModal = ({ visible, latestVersion, onClose, }) => {
             </react_native_1.Text>
           </react_native_1.View>
 
-          {/* Version Comparison Card */}
+          
           <react_native_1.View style={styles.versionComparisonCard}>
             <react_native_1.View style={styles.versionColumn}>
               <react_native_1.Text style={styles.versionLabel}>INSTALLED</react_native_1.Text>
@@ -168,7 +167,7 @@ const UpdateAvailableModal = ({ visible, latestVersion, onClose, }) => {
             </react_native_1.View>
           </react_native_1.View>
 
-          {/* Quick Install Snippet Box */}
+          
           <react_native_1.View style={styles.codeSnippetBox}>
             <react_native_1.View style={styles.codeSnippetHeader}>
               <react_native_1.Text style={styles.codeSnippetLabel}>UPGRADE COMMAND</react_native_1.Text>
@@ -188,7 +187,7 @@ const UpdateAvailableModal = ({ visible, latestVersion, onClose, }) => {
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
 
-          {/* Action Buttons */}
+          
           <react_native_1.View style={styles.buttonRow}>
             <react_native_1.TouchableOpacity style={styles.secondaryButton} onPress={handleClose} activeOpacity={0.7}>
               <react_native_1.Text style={styles.secondaryButtonText}>Later</react_native_1.Text>

package/dist/commonjs/components/JsonViewer.js

@@ -39,17 +39,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const i18n_1 = require("../i18n");
-// Components
 const TreeNode_1 = __importDefault(require("./TreeNode"));
 const SegmentedTabs_1 = __importDefault(require("./SegmentedTabs"));
 const HighlightText_1 = __importDefault(require("./HighlightText"));
 const CopyButton_1 = __importDefault(require("./CopyButton"));
 const NetworkIcons_1 = require("./NetworkIcons");
-// Styles
 const AppColors_1 = require("../styles/AppColors");
 const AppFonts_1 = require("../styles/AppFonts");
 const styles_1 = __importDefault(require("../styles"));
-// ── Table Row Component with 3-Line Clamp & Show More/Less ───────────────────
 const JsonTableRow = react_1.default.memo(({ itemKey, val, search, }) => {
     const [expanded, setExpanded] = (0, react_1.useState)(false);
     const isObject = val !== null && typeof val === 'object';
@@ -93,7 +90,6 @@ const JsonTableRow = react_1.default.memo(({ itemKey, val, search, }) => {
       </react_native_1.View>
     </react_native_1.View>);
 });
-// ── JsonViewer Component ─────────────────────────────────────────────────────
 const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpandDepth = 1, wrap, fullHeight = false, maxHeight, mode: externalMode, onModeChange, hideTabs = false, }) => {
     const { t } = (0, i18n_1.useTranslation)();
     const [internalMode, setInternalMode] = (0, react_1.useState)('raw');
@@ -141,12 +137,10 @@ const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpan
         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 (<react_native_1.View style={localStyles.tableRow}>
@@ -168,10 +162,9 @@ const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpan
         {keys.map((key) => (<JsonTableRow key={key} itemKey={key} val={data[key]} search={search}/>))}
       </react_native_1.View>);
     };
-    // Tree View Content
     const tree = (<TreeNode_1.default data={data} search={search} forceOpen={forceOpen} defaultExpandDepth={defaultExpandDepth}/>);
     return (<react_native_1.View style={[localStyles.container, fullHeight && { flex: 1 }]}>
-      {/* ── Top Toolbar (Postman-style) ── */}
+      
       {!hideTabs && (<react_native_1.View style={localStyles.toolbar}>
           <SegmentedTabs_1.default tabs={[
                 {
@@ -193,7 +186,7 @@ const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpan
           <CopyButton_1.default value={data} label="JSON"/>
         </react_native_1.View>)}
 
-      {/* ── Main View Content Area (Royal Monospace Theme) ── */}
+      
       <react_native_1.View style={contentWrapperStyle}>
         {mode === 'pretty' && (isEmpty ? (<react_native_1.View style={localStyles.emptyTable}>
               <react_native_1.Text style={localStyles.emptyTableText}>
@@ -276,7 +269,7 @@ const localStyles = react_native_1.StyleSheet.create({
     },
     rawScroll: {
         flex: 1,
-        backgroundColor: AppColors_1.AppColors.paperBg, // Royal off-white paper tone
+        backgroundColor: AppColors_1.AppColors.paperBg,
     },
     rawContainer: {
         padding: 12,

package/dist/commonjs/components/LogCard.js

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

package/dist/commonjs/components/MetaAccordion.js

@@ -39,18 +39,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const i18n_1 = require("../i18n");
 const react_native_1 = require("react-native");
-// Constants
 const constants_1 = require("../constants");
-// Custom Hooks
 const useAccordion_1 = __importDefault(require("../customHooks/useAccordion"));
-// Helpers
 const helpers_1 = require("../helpers");
-// Assets
 const NetworkIcons_1 = require("./NetworkIcons");
-// Components
 const TouchableScale_1 = __importDefault(require("./TouchableScale"));
 const CopyButton_1 = __importDefault(require("./CopyButton"));
-// Stylesheet
 const AppColors_1 = require("../styles/AppColors");
 const AppFonts_1 = require("../styles/AppFonts");
 const styles_1 = __importDefault(require("../styles"));
@@ -221,7 +215,7 @@ const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, metho
             </react_native_1.View>
           </react_native_1.View>
 
-          {/* Visual Latency Timing Breakdown Waterfall */}
+          
           {duration != null && !isFailed && (<react_native_1.View style={{ paddingVertical: 8, gap: 6 }}>
               <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
                 <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11, color: AppColors_1.AppColors.primaryBlack }}>

package/dist/commonjs/components/NetworkIcons.js

@@ -41,7 +41,6 @@ exports.DiagnosticsIcon = exports.StackTraceIcon = exports.LayoutIcon = exports.
 exports.PlusIcon = exports.PencilIcon = exports.DatabaseIcon = exports.ShieldCheckIcon = exports.WifiIcon = exports.CpuIcon = exports.ChevronDownIcon = exports.ResetIcon = exports.NpmIcon = exports.TagIcon = exports.BugIcon = exports.AlertTriangleIcon = exports.SmartphoneIcon = exports.KeyIcon = exports.BarChartIcon = exports.DiceIcon = exports.ZapIcon = exports.FlaskIcon = exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
-// Stylesheet
 const AppColors_1 = require("../styles/AppColors");
 const EmptyRadarIcon = ({ color = AppColors_1.AppColors.purple, size = 32 }) => {
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
@@ -281,19 +280,19 @@ const InsightsIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, }
 exports.InsightsIcon = InsightsIcon;
 const DebugIcon = ({ color = AppColors_1.AppColors.white, size = 18 }) => {
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {/* Hammer: diagonal from bottom-left to top-right */}
-      {/* Handle */}
+      
+      
       <react_native_svg_1.Path d="M6 18l8-8" stroke={color} strokeWidth="2.5" strokeLinecap="round"/>
-      {/* Head */}
+      
       <react_native_svg_1.Path d="M13.5 10.5l2-2 1.5 1.5-2 2-1.5-1.5z" fill={color}/>
       <react_native_svg_1.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 */}
+      
+      
       <react_native_svg_1.Path d="M15 15l4 4" stroke={color} strokeWidth="3.5" strokeLinecap="round"/>
-      {/* Shaft */}
+      
       <react_native_svg_1.Path d="M15 15L8.5 8.5" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-      {/* Flat tip */}
+      
       <react_native_svg_1.Path d="M9 9L5 5M4.5 6.5l2-2" stroke={color} strokeWidth="2" strokeLinecap="round"/>
     </react_native_svg_1.default>);
 };
@@ -354,21 +353,19 @@ const FolderIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, })
     </react_native_svg_1.default>);
 };
 exports.FolderIcon = FolderIcon;
-// #3 — Broom/sweep "wipe" icon used by the header Clear-Everything button.
 const WipeIcon = ({ color = AppColors_1.AppColors.white, size = 16 }) => {
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {/* Handle */}
+      
       <react_native_svg_1.Path d="M19.5 3.5L12.7 10.3" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-      {/* Brush head */}
+      
       <react_native_svg_1.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 */}
+      
       <react_native_svg_1.Path d="M7.5 16.5L5.5 18.5M10 19l-1.5 1.5" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-      {/* Dust sparks */}
+      
       <react_native_svg_1.Path d="M3 11.5h.01M5.5 8.5h.01" stroke={color} strokeWidth="2.4" strokeLinecap="round"/>
     </react_native_svg_1.default>);
 };
 exports.WipeIcon = WipeIcon;
-// #7 — Icons for the inner filter chips / sub tabs.
 const LayersIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 12, }) => {
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
       <react_native_svg_1.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"/>
@@ -524,7 +521,6 @@ const PerformanceIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) =
     </react_native_svg_1.default>);
 };
 exports.PerformanceIcon = PerformanceIcon;
-// ─── App-wide Vector Icons (emoji-free, render on every device) ─────────────
 const BoltIcon = ({ color = AppColors_1.AppColors.amber500, size = 14 }) => {
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
       <react_native_svg_1.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"/>
@@ -703,7 +699,7 @@ const UserCheckIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14,
 exports.UserCheckIcon = UserCheckIcon;
 const CrashIcon = ({ color = AppColors_1.AppColors.errorColor, size = 14, }) => {
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {/* Bug / Crash Hybrid Icon */}
+      
       <react_native_svg_1.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"/>
       <react_native_svg_1.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"/>
       <react_native_svg_1.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/commonjs/components/SectionHeader.js

@@ -38,14 +38,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-// Stylesheet
 const AppColors_1 = require("../styles/AppColors");
-// Components
 const CopyButton_1 = __importDefault(require("./CopyButton"));
 const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-// Assets
 const NetworkIcons_1 = require("./NetworkIcons");
-// Stylesheet
 const styles_1 = __importDefault(require("../styles"));
 const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDiffing, onToggleDiff, showSearch, isSearching, onToggleSearch, }) => {
     const isOpen = expanded === undefined ? false : !!expanded;

package/dist/commonjs/components/SkeletonPlaceholder.js

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

package/dist/commonjs/components/Slider.js

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

package/dist/commonjs/components/SourcePageCard.js

@@ -39,13 +39,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const react_native_svg_1 = __importStar(require("react-native-svg"));
-// Components
 const CopyButton_1 = __importDefault(require("./CopyButton"));
-// Custom Hooks
 const useAccordion_1 = __importDefault(require("../customHooks/useAccordion"));
-// Assets
 const NetworkIcons_1 = require("./NetworkIcons");
-// Stylesheet
 const AppColors_1 = require("../styles/AppColors");
 const styles_1 = __importDefault(require("../styles"));
 const SourcePageCard = ({ routeInfo }) => {

package/dist/commonjs/components/TreeNode.js

@@ -38,11 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-// Helpers
 const helpers_1 = require("../helpers");
-// Assets
 const NetworkIcons_1 = require("./NetworkIcons");
-// Stylesheet
 const AppColors_1 = require("../styles/AppColors");
 const styles_1 = __importDefault(require("../styles"));
 const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0, search, forceOpen, defaultExpandDepth = 1, }) {
@@ -60,7 +57,6 @@ const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0,
     }, [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 = (0, react_1.useRef)(new react_native_1.Animated.Value(open ? 1 : 0)).current;
     (0, react_1.useEffect)(() => {
         react_native_1.Animated.timing(treeChevronAnim, {

package/dist/commonjs/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';