react-native-inapp-inspector 2.3.5 → 2.3.7

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

@@ -98,9 +98,7 @@ const getOriginBadge = (originType) => {
 const ReduxTab = react_1.default.memo(() => {
     const { t } = (0, i18n_1.useTranslation)();
     const { reduxState, reduxLastActionMap, reduxSearch, setReduxSearch, setSelectedReduxSlice, } = (0, InspectorContext_1.useInspector)();
-    // Sort mode: 'latest' (newest updated first) vs 'alpha' (A-Z)
     const [sortMode, setSortMode] = (0, react_1.useState)('latest');
-    // Pause / Live Auto-Refresh State
     const [isReduxPaused, setIsReduxPaused] = (0, react_1.useState)(!(0, reduxLogger_1.getReduxAutoRefresh)());
     const handleTogglePause = (0, react_1.useCallback)(() => {
         setIsReduxPaused(prev => {
@@ -109,15 +107,12 @@ const ReduxTab = react_1.default.memo(() => {
             return next;
         });
     }, []);
-    // Total state size calculation
     const totalStateSize = (0, react_1.useMemo)(() => {
         return (0, helpers_1.getSize)(reduxState);
     }, [reduxState]);
-    // Fetch full action history for timeline counts
     const allActions = (0, react_1.useMemo)(() => {
         return (0, reduxLogger_1.getActionHistory)();
     }, [reduxLastActionMap]);
-    // Compute slice items with exact timestamps & rich details
     const sliceItems = (0, react_1.useMemo)(() => {
         if (!reduxState || typeof reduxState !== 'object')
             return [];
@@ -140,7 +135,6 @@ const ReduxTab = react_1.default.memo(() => {
                 keysCount = 1;
                 typeLabel = typeof sliceVal;
             }
-            // Determine state status
             let status = 'live';
             let statusMessage;
             if (isObject) {
@@ -165,7 +159,6 @@ const ReduxTab = react_1.default.memo(() => {
             }
             const lastActionRaw = reduxLastActionMap[key];
             const updatedAt = lastActionRaw?.updatedAt || 0;
-            // Count actions affecting this slice in timeline
             const timelineCount = allActions.filter(action => {
                 if (!action.affectedSlices || action.affectedSlices.length === 0)
                     return true;
@@ -211,7 +204,6 @@ const ReduxTab = react_1.default.memo(() => {
             };
         });
     }, [reduxState, reduxLastActionMap, allActions]);
-    // Filter & Sort slices: by default, the most recently updated item is at the FIRST position
     const filteredSlices = (0, react_1.useMemo)(() => {
         let list = sliceItems;
         if (reduxSearch && reduxSearch.trim().length > 0) {
@@ -232,7 +224,6 @@ const ReduxTab = react_1.default.memo(() => {
         }
         return [...list].sort((a, b) => {
             if (sortMode === 'latest') {
-                // Most recently updated item first
                 if (b.updatedAt !== a.updatedAt) {
                     return b.updatedAt - a.updatedAt;
                 }
@@ -258,7 +249,7 @@ const ReduxTab = react_1.default.memo(() => {
                 reduxTabStyles.card,
                 isRecentlyUpdated && reduxTabStyles.cardRecentlyUpdated,
             ]}>
-            {/* Top row: Badge + Slice Name + Status + Timestamp + Chevron */}
+            
             <react_native_1.View style={reduxTabStyles.cardHeader}>
               <react_native_1.View style={reduxTabStyles.sliceBadge}>
                 <react_native_1.Text style={reduxTabStyles.sliceBadgeText}>SLICE</react_native_1.Text>
@@ -266,7 +257,7 @@ const ReduxTab = react_1.default.memo(() => {
 
               <HighlightText_1.default text={item.name} search={reduxSearch} style={reduxTabStyles.sliceName} highlightStyle={reduxTabStyles.highlight}/>
 
-              {/* Status Badge */}
+              
               {item.status === 'loading' ? (<react_native_1.View style={reduxTabStyles.loadingPill}>
                   <NetworkIcons_1.LoadingSpinnerIcon color={AppColors_1.AppColors.amber800Warm} size={10}/>
                   <react_native_1.Text style={reduxTabStyles.loadingPillText}>Loading</react_native_1.Text>
@@ -290,7 +281,7 @@ const ReduxTab = react_1.default.memo(() => {
               <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.grayTextWeak} size={13}/>
             </react_native_1.View>
 
-            {/* Middle row: Stats pills */}
+            
             <react_native_1.View style={reduxTabStyles.statsRow}>
               <react_native_1.View style={reduxTabStyles.pill}>
                 <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.grayTextWeak} size={11}/>
@@ -306,13 +297,13 @@ const ReduxTab = react_1.default.memo(() => {
                 </react_native_1.View>)}
             </react_native_1.View>
 
-            {/* Bottom row: Last Dispatched Action with Origin & Trigger Line */}
+            
             {item.lastAction && (<react_native_1.View style={reduxTabStyles.lastActionRow}>
                 <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 5, flex: 1, minWidth: 0, flexWrap: 'wrap' }}>
                   <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.brandPurple} size={12}/>
                   <react_native_1.Text style={reduxTabStyles.lastActionLabel}>{t('redux.last', 'Last')}:</react_native_1.Text>
 
-                  {/* Origin Badge */}
+                  
                   {item.lastAction.originType && (() => {
                     const origin = getOriginBadge(item.lastAction.originType);
                     return (<react_native_1.View style={{
@@ -340,7 +331,7 @@ const ReduxTab = react_1.default.memo(() => {
 
                   <HighlightText_1.default text={item.lastAction.type} search={reduxSearch} style={reduxTabStyles.lastActionValue} highlightStyle={reduxTabStyles.highlight} numberOfLines={1}/>
 
-                  {/* Triggered from file preview */}
+                  
                   {item.lastAction.callerFile && (<react_native_1.Pressable onPress={() => (0, helpers_1.openInVSCode)(item.lastAction.callerFile, item.lastAction.callerLine, item.lastAction.callerCol)} hitSlop={6} style={{
                         flexDirection: 'row',
                         alignItems: 'center',
@@ -382,7 +373,7 @@ const ReduxTab = react_1.default.memo(() => {
       </react_native_1.View>);
     }
     return (<react_native_1.View style={{ flex: 1, backgroundColor: AppColors_1.AppColors.grayBackground }}>
-      {/* ─── Top Stats Overview Card ─── */}
+      
       <react_native_1.View style={reduxTabStyles.overviewCard}>
         <react_native_1.View style={reduxTabStyles.statCol}>
           <react_native_1.Text style={reduxTabStyles.statHeading}>ACTIVE SLICES</react_native_1.Text>
@@ -428,7 +419,7 @@ const ReduxTab = react_1.default.memo(() => {
         </react_native_1.View>
       </react_native_1.View>
 
-      {/* ─── Search & Sort Bar ─── */}
+      
       <react_native_1.View style={reduxTabStyles.toolbarContainer}>
         <react_native_1.View style={reduxTabStyles.searchRow}>
           <react_native_1.View style={styles_1.default.searchContainer}>
@@ -455,7 +446,7 @@ const ReduxTab = react_1.default.memo(() => {
               </react_native_1.View>)}
           </react_native_1.View>
 
-          {/* Pause / Resume Live Updates Button */}
+          
           <react_native_1.TouchableOpacity accessible={true} accessibilityRole="button" accessibilityLabel={isReduxPaused
             ? 'Resume live Redux updates'
             : 'Pause live Redux updates'} accessibilityHint="Toggles automatic recording of Redux state updates" style={[
@@ -470,7 +461,7 @@ const ReduxTab = react_1.default.memo(() => {
             : AppColors_1.AppColors.grayTextStrong} size={16}/>
           </react_native_1.TouchableOpacity>
 
-          {/* Sort Button */}
+          
           <react_native_1.TouchableOpacity accessible={true} accessibilityRole="button" accessibilityLabel={`Sort order: ${sortMode === 'latest'
             ? 'Recently updated first'
             : 'Alphabetical A to Z'}`} accessibilityHint="Switches sorting between recently updated and alphabetical" style={[
@@ -499,7 +490,7 @@ const ReduxTab = react_1.default.memo(() => {
         </react_native_1.View>
       </react_native_1.View>
 
-      {/* ─── FlatList of Slices ─── */}
+      
       <react_native_1.FlatList data={filteredSlices} keyExtractor={item => item.id} renderItem={renderSliceItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={reduxSearch.length > 0}/>} ListFooterComponent={filteredSlices.length > 0 ? (<EndOfListFooter_1.default count={filteredSlices.length} label="slices"/>) : null} contentContainerStyle={[
             reduxTabStyles.listContent,
             filteredSlices.length === 0 && { flexGrow: 1 },

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

@@ -69,7 +69,6 @@ const SettingsPanel = () => {
     }, [modalHeightPercent]);
     const autoRamProfile = (0, settingsStore_1.calculateRamBasedLimits)(deviceFreeRamMb);
     const isPersistent = (0, settingsStore_1.isPersistentStorageAvailable)();
-    // Safe Area & Status Bar Padding for All Device Form Factors
     const statusBarHeight = react_native_1.Platform.OS === 'android' ? react_native_1.StatusBar.currentHeight || 24 : 44;
     const headerTopPadding = modalHeightPercent >= 95 ? statusBarHeight : 0;
     const allModules = [
@@ -137,7 +136,6 @@ const SettingsPanel = () => {
             desc: 'AsyncStorage & MMKV key-value store viewer with full CRUD support',
         },
     ];
-    // Staged selection state for checkboxes before clicking "Save Changes"
     const [stagedTabVisibility, setStagedTabVisibility] = (0, react_1.useState)(() => ({
         apis: true,
         logs: Boolean(tabVisibility?.logs),
@@ -149,7 +147,6 @@ const SettingsPanel = () => {
         device: Boolean(tabVisibility?.device),
         storage: Boolean(tabVisibility?.storage),
     }));
-    // Synchronize staged state with tabVisibility when tabVisibility updates
     (0, react_1.useEffect)(() => {
         setStagedTabVisibility({
             apis: true,
@@ -186,7 +183,6 @@ const SettingsPanel = () => {
         (0, InspectorContext_1.animateNextLayout)();
         setSettingsPage('main');
     };
-    // Helper: settings row with icon + label + optional description
     const renderSettingRow = (opts) => {
         return (<react_native_1.View style={{
                 paddingVertical: 12,
@@ -316,7 +312,7 @@ const SettingsPanel = () => {
             backgroundColor: AppColors_1.AppColors.grayBackground,
         }}>
       <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 16, paddingBottom: 100, gap: 14 }} showsVerticalScrollIndicator={false}>
-        {/* Segmented Top Navigation Sub-Tabs */}
+        
         <react_native_1.View style={{
             flexDirection: 'row',
             backgroundColor: AppColors_1.AppColors.primaryLight,
@@ -421,7 +417,7 @@ const SettingsPanel = () => {
         </react_native_1.View>
 
         {settingsActiveSubTab === 'module' && (<react_native_1.View style={{ gap: 12 }}>
-            {/* Individual Module Cards with Left Checkboxes */}
+            
             <react_native_1.View style={{ gap: 10 }}>
               {allModules.map(moduleItem => {
                 const isReduxAvail = (0, reduxLogger_1.isReduxConnected)();
@@ -461,13 +457,13 @@ const SettingsPanel = () => {
                         shadowRadius: 5,
                         shadowOffset: { width: 0, height: 2 },
                     }}>
-                    {/* Top Row: [Checkbox] -> [Icon Tile] -> [Title & Subtitle] */}
+                    
                     <react_native_1.View style={{
                         flexDirection: 'row',
                         alignItems: 'flex-start',
                         gap: 10,
                     }}>
-                      {/* 1. Checkbox on the Left */}
+                      
                       <TouchableScale_1.default accessible={true} accessibilityRole="checkbox" accessibilityLabel={`Select ${moduleItem.label}`} accessibilityState={{
                         checked: isChecked,
                         disabled: isLocked,
@@ -507,7 +503,7 @@ const SettingsPanel = () => {
                           </react_native_svg_1.default>) : null}
                       </TouchableScale_1.default>
 
-                      {/* 2. Middle Tap Zone: Icon + Title & Desc */}
+                      
                       <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={`${moduleItem.label} settings`} disabled={isUnavailable} onPress={() => {
                         (0, InspectorContext_1.animateNextLayout)();
                         setSettingsPage(moduleItem.key);
@@ -517,7 +513,7 @@ const SettingsPanel = () => {
                         alignItems: 'flex-start',
                         gap: 10,
                     }}>
-                        {/* Icon Tile */}
+                        
                         <react_native_1.View style={{
                         width: 36,
                         height: 36,
@@ -566,7 +562,7 @@ const SettingsPanel = () => {
                             : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
                         </react_native_1.View>
 
-                        {/* Titles & Status Pill */}
+                        
                         <react_native_1.View style={{ flex: 1, gap: 2 }}>
                           <react_native_1.View style={{
                         flexDirection: 'row',
@@ -585,7 +581,7 @@ const SettingsPanel = () => {
                               {moduleItem.label}
                             </react_native_1.Text>
 
-                            {/* Default Startup Tab Badge */}
+                            
                             {moduleItem.key === defaultTab &&
                         !isUnavailable && (<react_native_1.View style={{
                             flexDirection: 'row',
@@ -615,7 +611,7 @@ const SettingsPanel = () => {
                                   </react_native_1.Text>
                                 </react_native_1.View>)}
 
-                            {/* Status Pill */}
+                            
                             {moduleItem.key === 'apis' ? (<react_native_1.View style={{
                             backgroundColor: `${AppColors_1.AppColors.blue500}14`,
                             borderRadius: 4,
@@ -702,7 +698,7 @@ const SettingsPanel = () => {
                       </TouchableScale_1.default>
                     </react_native_1.View>
 
-                    {/* Card Footer: Live Stats + Configure Button */}
+                    
                     {!isUnavailable && (<react_native_1.View style={{
                             flexDirection: 'row',
                             alignItems: 'center',
@@ -711,7 +707,7 @@ const SettingsPanel = () => {
                             borderTopWidth: 1,
                             borderTopColor: AppColors_1.AppColors.dividerColor,
                         }}>
-                        {/* Live Info Pill */}
+                        
                         <react_native_1.View style={{
                             flexDirection: 'row',
                             alignItems: 'center',
@@ -736,7 +732,7 @@ const SettingsPanel = () => {
                           </react_native_1.Text>
                         </react_native_1.View>
 
-                        {/* Sleek Configure Button */}
+                        
                         <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={`Configure ${moduleItem.label} settings`} onPress={() => {
                             (0, InspectorContext_1.animateNextLayout)();
                             setSettingsPage(moduleItem.key);
@@ -769,7 +765,7 @@ const SettingsPanel = () => {
           </react_native_1.View>)}
 
         {settingsActiveSubTab === 'ui' && (<react_native_1.View style={{ gap: 14 }}>
-            {/* Section 1: Appearance */}
+            
             <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,
                 borderRadius: 14,
@@ -860,7 +856,7 @@ const SettingsPanel = () => {
               </react_native_1.View>
             </react_native_1.View>
 
-            {/* Section 2: Window & Layout */}
+            
             <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,
                 borderRadius: 14,
@@ -880,7 +876,7 @@ const SettingsPanel = () => {
                 {t('settings.windowLayout')}
               </react_native_1.Text>
 
-              {/* Modal Height */}
+              
               <react_native_1.View style={{ gap: 8 }}>
                 <react_native_1.View style={{
                 flexDirection: 'row',
@@ -959,7 +955,7 @@ const SettingsPanel = () => {
 
               <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
 
-              {/* Modal Animation */}
+              
               <react_native_1.View style={{ gap: 8 }}>
                 <react_native_1.View style={{
                 flexDirection: 'row',
@@ -1036,7 +1032,7 @@ const SettingsPanel = () => {
               </react_native_1.View>
             </react_native_1.View>
 
-            {/* Section 3: Default Startup Tab */}
+            
             <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,
                 borderRadius: 14,
@@ -1092,7 +1088,7 @@ const SettingsPanel = () => {
                 </react_native_1.View>
               </react_native_1.View>
 
-              {/* Sleek Interactive Dropdown Picker */}
+              
               <react_native_1.View style={{ marginTop: 6, gap: 6 }}>
                 <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={`Default opening tab: ${allModules.find(m => m.key === defaultTab)?.label || 'APIs'}`} onPress={() => setIsDefaultTabDropdownOpen(prev => !prev)} style={{
                 flexDirection: 'row',
@@ -1153,7 +1149,7 @@ const SettingsPanel = () => {
                   </react_native_1.View>
                 </TouchableScale_1.default>
 
-                {/* Dropdown Options List */}
+                
                 {isDefaultTabDropdownOpen && (<react_native_1.View style={{
                     backgroundColor: AppColors_1.AppColors.primaryLight,
                     borderRadius: 10,
@@ -1220,7 +1216,7 @@ const SettingsPanel = () => {
               </react_native_1.View>
             </react_native_1.View>
 
-            {/* Section 4: Notifications & Toasts */}
+            
             <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,
                 borderRadius: 14,
@@ -1309,7 +1305,7 @@ const SettingsPanel = () => {
               </react_native_1.View>
             </react_native_1.View>
 
-            {/* Section 5: NPM Package & Updates */}
+            
             <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,
                 borderRadius: 14,
@@ -1437,7 +1433,7 @@ const SettingsPanel = () => {
           </react_native_1.View>)}
 
         {settingsActiveSubTab === 'limits' && (<react_native_1.View style={{ gap: 14 }}>
-            {/* Section 1: Device RAM & Auto Profile */}
+            
             <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,
                 borderRadius: 14,
@@ -1457,7 +1453,7 @@ const SettingsPanel = () => {
                 DEVICE MEMORY & AUTO PROFILES
               </react_native_1.Text>
 
-              {/* Auto RAM Limit Toggle */}
+              
               <react_native_1.View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
@@ -1528,7 +1524,7 @@ const SettingsPanel = () => {
 
               <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
 
-              {/* Device Free RAM Display */}
+              
               <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
                 <react_native_1.View style={{
                 width: 32,
@@ -1590,7 +1586,7 @@ const SettingsPanel = () => {
                 </react_native_1.View>
               </react_native_1.View>
 
-              {/* Profile Overview */}
+              
               <react_native_1.View style={{
                 marginTop: 4,
                 paddingTop: 8,
@@ -1693,7 +1689,7 @@ const SettingsPanel = () => {
               </react_native_1.View>
             </react_native_1.View>
 
-            {/* Section 2: Memory-Safe OS Pruning Shield */}
+            
             <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,
                 borderRadius: 14,
@@ -1761,7 +1757,7 @@ const SettingsPanel = () => {
 
               <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
 
-              {/* Instant Prune Button */}
+              
               <react_native_1.View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
@@ -1812,7 +1808,7 @@ const SettingsPanel = () => {
         <react_native_1.View style={{ height: 48 }}/>
       </react_native_1.ScrollView>
 
-      {/* Bottom Sticky Action Bar for Save Changes */}
+      
       {settingsActiveSubTab === 'module' && (<react_native_1.View style={{
                 paddingHorizontal: 16,
                 paddingTop: 12,
@@ -2034,7 +2030,7 @@ const SettingsPanel = () => {
             })}
         </react_native_1.View>
 
-        {/* Log Deduplication Card */}
+        
         <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,
                 borderRadius: 14,
@@ -2054,7 +2050,7 @@ const SettingsPanel = () => {
             {t('settings.logFiltersDeduplication')}
           </react_native_1.Text>
 
-          {/* Show Duplicate Logs */}
+          
           <react_native_1.View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
@@ -2593,7 +2589,7 @@ const SettingsPanel = () => {
             flex: 1,
             backgroundColor: AppColors_1.AppColors.grayBackground,
         }}>
-      {/* ─── Persistent Main Settings (Retains 100% scroll position) ─── */}
+      
       <react_native_1.View style={[
             react_native_1.StyleSheet.absoluteFill,
             settingsPage !== 'main' && { pointerEvents: 'none' },
@@ -2601,7 +2597,7 @@ const SettingsPanel = () => {
         {renderMainSettingsContent()}
       </react_native_1.View>
 
-      {/* ─── Sub-module Settings Overlay (Smooth Animated Slide) ─── */}
+      
       {settingsPage !== 'main' && (<react_native_1.Animated.View style={[
                 react_native_1.StyleSheet.absoluteFill,
                 {

package/dist/commonjs/components/Inspector/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}/>