react-native-inapp-inspector 2.3.5 → 2.3.7

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

@@ -208,10 +208,10 @@ const LogDetail = react_1.default.memo(() => {
         },
     ];
     return (<react_native_1.View style={{ flex: 1 }}>
-      {/* Enhanced details header bar */}
+      
       <react_native_1.View style={styles_1.default.detailInfoBar}>
         <react_native_1.View style={{ flexDirection: 'column', gap: 10 }}>
-          {/* Top Row: Type badge, method, content pill & Copy button */}
+          
           <react_native_1.View style={{
             flexDirection: 'row',
             alignItems: 'center',
@@ -225,7 +225,7 @@ const LogDetail = react_1.default.memo(() => {
             flex: 1,
             flexWrap: 'wrap',
         }}>
-              {/* Type Badge */}
+              
               <react_native_1.View style={[
             styles_1.default.typeChip,
             {
@@ -248,7 +248,7 @@ const LogDetail = react_1.default.memo(() => {
                 </react_native_1.Text>
               </react_native_1.View>
 
-              {/* Method chip */}
+              
               <react_native_1.View style={[
             styles_1.default.metaChip,
             {
@@ -265,7 +265,7 @@ const LogDetail = react_1.default.memo(() => {
                 </react_native_1.Text>
               </react_native_1.View>
 
-              {/* JSON content type chip */}
+              
               {jsonContent && (<react_native_1.View style={[
                 styles_1.default.metaChip,
                 {
@@ -283,7 +283,7 @@ const LogDetail = react_1.default.memo(() => {
                   </react_native_1.Text>
                 </react_native_1.View>)}
 
-              {/* Duplicate count chip */}
+              
               {selectedLog.duplicateCount != null &&
             selectedLog.duplicateCount > 1 && (<react_native_1.View style={[
                 styles_1.default.metaChip,
@@ -303,11 +303,11 @@ const LogDetail = react_1.default.memo(() => {
                   </react_native_1.View>)}
             </react_native_1.View>
 
-            {/* Quick Copy button */}
+            
             <CopyButton_1.default value={selectedLog.message} label={t('console.logMessage')}/>
           </react_native_1.View>
 
-          {/* Caller & Trace origin info */}
+          
           <react_native_1.View style={{ gap: 4 }}>
             <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
               {originFrame?.fileExt && originFrame.fileExt !== 'other' && (<react_native_1.View style={{
@@ -366,7 +366,7 @@ const LogDetail = react_1.default.memo(() => {
                 </react_native_1.Pressable>)}
             </react_native_1.View>
 
-            {/* Enhanced metadata metrics row */}
+            
             <react_native_1.View style={{
             flexDirection: 'row',
             alignItems: 'center',
@@ -401,12 +401,12 @@ const LogDetail = react_1.default.memo(() => {
         </react_native_1.View>
       </react_native_1.View>
 
-      {/* Sub-tabs header */}
+      
       <react_native_1.View style={detailStyles.tabsHeaderWrap}>
         <SegmentedTabs_1.default tabs={subTabs} activeKey={activeTab} onChange={key => setActiveTab(key)}/>
       </react_native_1.View>
 
-      {/* Search row (only for output/arguments/stack tabs) */}
+      
       {activeTab !== 'metadata' && (<react_native_1.View style={{ paddingHorizontal: 12, paddingTop: 6, paddingBottom: 4 }}>
           <react_native_1.View style={[styles_1.default.detailSearchRow, { marginBottom: 0 }]}>
             <react_native_1.View style={[
@@ -428,14 +428,14 @@ const LogDetail = react_1.default.memo(() => {
           </react_native_1.View>
         </react_native_1.View>)}
 
-      {/* Tab Content Container */}
+      
       <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{
             paddingHorizontal: 12,
             paddingTop: 6,
             paddingBottom: 28,
             flexGrow: 1,
         }} showsVerticalScrollIndicator={true} keyboardShouldPersistTaps="handled">
-        {/* Tab 1: Output / Message */}
+        
         {activeTab === 'output' && (<react_native_1.View style={[
                 styles_1.default.sectionContainer,
                 {
@@ -449,7 +449,7 @@ const LogDetail = react_1.default.memo(() => {
                     flex: 1,
                 },
             ]}>
-            {/* Section Header with View Modes */}
+            
             <react_native_1.View style={{
                 flexDirection: 'column',
                 gap: 8,
@@ -505,7 +505,7 @@ const LogDetail = react_1.default.memo(() => {
                 ]} activeKey={viewMode} onChange={key => setViewMode(key)}/>)}
             </react_native_1.View>
 
-            {/* Content Body */}
+            
             <react_native_1.View style={{ padding: 12, flex: 1 }}>
               {jsonContent ? (<>
                   {jsonContent.header ? (<react_native_1.View style={{
@@ -552,7 +552,7 @@ const LogDetail = react_1.default.memo(() => {
             </react_native_1.View>
           </react_native_1.View>)}
 
-        {/* Tab 2: Individual Arguments */}
+        
         {activeTab === 'arguments' && selectedLog.rawArgs && (<react_native_1.View style={{ gap: 10 }}>
             {selectedLog.rawArgs.map((arg, idx) => {
                 const argType = arg === null
@@ -634,7 +634,7 @@ const LogDetail = react_1.default.memo(() => {
             })}
           </react_native_1.View>)}
 
-        {/* Tab 3: Call Stack Trace */}
+        
         {activeTab === 'stack' && (<react_native_1.View style={[
                 styles_1.default.sectionContainer,
                 {
@@ -647,7 +647,7 @@ const LogDetail = react_1.default.memo(() => {
                     overflow: 'hidden',
                 },
             ]}>
-            {/* Section Header with Mode Switch */}
+            
             <react_native_1.View style={{
                 flexDirection: 'column',
                 gap: 8,
@@ -659,7 +659,7 @@ const LogDetail = react_1.default.memo(() => {
                     ? AppColors_1.AppColors.primaryLight
                     : AppColors_1.AppColors.grayBackground,
             }}>
-              {/* Header Top Row: Title, Mode switcher & Full copy */}
+              
               <react_native_1.View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
@@ -742,7 +742,7 @@ const LogDetail = react_1.default.memo(() => {
                 </react_native_1.View>
               </react_native_1.View>
 
-              {/* Source Switcher if Error Stack exists */}
+              
               {selectedLog.errorStack && (<SegmentedTabs_1.default tabs={[
                     {
                         key: 'caller',
@@ -754,7 +754,7 @@ const LogDetail = react_1.default.memo(() => {
                     },
                 ]} activeKey={stackSource} onChange={key => setStackSource(key)}/>)}
 
-              {/* Scope Filter Tabs (Full Width) */}
+              
               <SegmentedTabs_1.default tabs={[
                 {
                     key: 'app',
@@ -767,7 +767,7 @@ const LogDetail = react_1.default.memo(() => {
             ]} activeKey={stackFilter} onChange={key => setStackFilter(key)}/>
             </react_native_1.View>
 
-            {/* Stack Content: Structured Cards or Raw Full Trace */}
+            
             {stackViewMode === 'structured' ? (<react_native_1.View style={{ padding: 12, gap: 10 }}>
                 {displayedFrames.length > 0 ? (displayedFrames.map((frame, frameIdx) => {
                     const isTopFrame = frameIdx === 0;
@@ -797,7 +797,7 @@ const LogDetail = react_1.default.memo(() => {
                             padding: 11,
                             gap: 6,
                         }}>
-                        {/* Frame Top Row: Origin / Category, File, Line badge, Copy */}
+                        
                         <react_native_1.View style={{
                             flexDirection: 'row',
                             alignItems: 'center',
@@ -871,7 +871,7 @@ const LogDetail = react_1.default.memo(() => {
                           </react_native_1.View>
                         </react_native_1.View>
 
-                        {/* Middle Row: Function / Symbol Invocation */}
+                        
                         <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 5 }}>
                           <HighlightText_1.default text={frame.functionName !== '<anonymous>' ? `${frame.functionName}()` : '<anonymous>'} search={detailSearch} style={{
                             fontFamily: AppFonts_1.AppFonts.interBold,
@@ -883,7 +883,7 @@ const LogDetail = react_1.default.memo(() => {
                         }}/>
                         </react_native_1.View>
 
-                        {/* Bottom Row: Clean Relative Path & Execution Scope Tag */}
+                        
                         <react_native_1.View style={{
                             flexDirection: 'row',
                             alignItems: 'center',
@@ -937,9 +937,7 @@ const LogDetail = react_1.default.memo(() => {
                     }}>
                     {t('console.noStackAvailable')}
                   </react_native_1.Text>)}
-              </react_native_1.View>) : (
-            /* Raw Full Trace Monospace Block */
-            <react_native_1.View style={{
+              </react_native_1.View>) : (<react_native_1.View style={{
                     backgroundColor: AppColors_1.AppColors.primaryLight,
                     padding: 12,
                 }}>
@@ -973,7 +971,7 @@ const LogDetail = react_1.default.memo(() => {
               </react_native_1.View>)}
           </react_native_1.View>)}
 
-        {/* Tab 4: Structured Metadata */}
+        
         {activeTab === 'metadata' && (<react_native_1.View style={[
                 styles_1.default.sectionContainer,
                 {

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

@@ -70,7 +70,6 @@ const MainScreen = () => {
         (activeTab === 'logs' && selectedLog != null) ||
         (activeTab === 'redux' && (selectedReduxSlice != null || selectedReduxAction != null)) ||
         (activeTab === 'crash' && selectedCrash != null);
-    // ─── 60 FPS Transition Animations ──────────────────────────────────────────
     const detailAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
     (0, react_1.useEffect)(() => {
         if (isDetailActive) {
@@ -126,11 +125,11 @@ const MainScreen = () => {
               <InspectorHeader_1.default />
 
               <react_native_1.View style={{ flex: 1 }}>
-                {/* ─── Horizontal Scrollable Tab Bar inside Content (Always visible) ─── */}
+                
                 {!isDetailActive && <TabBar_1.default />}
 
                 {isReady ? (<react_native_1.View style={{ flex: 1 }}>
-                    {/* Persistent List Layer - Never unmounted, preserves 100% native scroll with smooth tab transition */}
+                    
                     <react_native_1.Animated.View style={[
                     {
                         flex: 1,
@@ -159,7 +158,7 @@ const MainScreen = () => {
                       {activeTab === 'storage' && <StorageTab_1.default />}
                     </react_native_1.Animated.View>
 
-                    {/* Detail View Layer - Rendered on top with smooth slide & spring transition */}
+                    
                     {isDetailActive && (<react_native_1.Animated.View style={[
                         react_native_1.StyleSheet.absoluteFill,
                         {
@@ -183,7 +182,7 @@ const MainScreen = () => {
                       </react_native_1.Animated.View>)}
                   </react_native_1.View>) : (<MainScreenSkeleton />)}
 
-                {/* Settings Panel Layer - Rendered on top with smooth slide & spring transition */}
+                
                 {settingsPage !== null && (<react_native_1.Animated.View style={[
                     react_native_1.StyleSheet.absoluteFill,
                     {
@@ -203,10 +202,10 @@ const MainScreen = () => {
                   </react_native_1.Animated.View>)}
               </react_native_1.View>
 
-              {/* Bottom floating toast notification */}
+              
               <Toast_1.default />
 
-              {/* NPM Version Update Toast with timeout progress bar */}
+              
               <NpmUpdateToast_1.default />
             </react_native_1.View>
           </react_native_1.View>
@@ -234,7 +233,7 @@ const MainScreenSkeleton = react_1.default.memo(function MainScreenSkeleton() {
         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, { opacity: shimmerAnim }]}/>
         <react_native_1.View style={skeletonStyles.actionButtonsRow}>
@@ -243,7 +242,7 @@ const MainScreenSkeleton = react_1.default.memo(function MainScreenSkeleton() {
         </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 }]}/>
@@ -251,7 +250,7 @@ const MainScreenSkeleton = react_1.default.memo(function MainScreenSkeleton() {
         <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton, { width: 58, opacity: shimmerAnim }]}/>
       </react_native_1.View>
 
-      {/* ─── List Cards Skeleton ─── */}
+      
       {[0, 1, 2, 3].map(i => (<react_native_1.Animated.View key={`skeleton_card_${i}`} style={[skeletonStyles.cardSkeleton, { opacity: shimmerAnim }]}>
           <react_native_1.View style={skeletonStyles.cardTopRow}>
             <react_native_1.View style={skeletonStyles.badgeGroup}>

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

@@ -48,7 +48,7 @@ const NetworkDetail = react_1.default.memo(() => {
     if (!selected)
         return null;
     return (<react_native_1.View style={{ flex: 1 }}>
-      {/* Non-scrollable details header */}
+      
       <react_native_1.View style={{ paddingHorizontal: 6, paddingTop: 4 }}>
         <react_native_1.View style={styles_1.default.detailInfoBar}>
           {(() => {
@@ -57,7 +57,6 @@ const NetworkDetail = react_1.default.memo(() => {
             let pathStr = detailDisplayUrl;
             let queryStr = '';
             try {
-                // Simple parsing fallback for React Native environments
                 const qIndex = detailDisplayUrl.indexOf('?');
                 let cleanUrlForParsing = detailDisplayUrl;
                 if (qIndex !== -1) {
@@ -101,7 +100,7 @@ const NetworkDetail = react_1.default.memo(() => {
                     flexWrap: 'wrap',
                     flex: 1,
                 }}>
-                    {/* Method Chip */}
+                    
                     <react_native_1.View style={[
                     styles_1.default.methodBadge,
                     {
@@ -122,7 +121,7 @@ const NetworkDetail = react_1.default.memo(() => {
                       </react_native_1.Text>
                     </react_native_1.View>
 
-                    {/* Client Chip (AXIOS / FETCH / XHR) */}
+                    
                     {selected.client && (<react_native_1.View style={[
                         styles_1.default.chip,
                         {
@@ -163,7 +162,7 @@ const NetworkDetail = react_1.default.memo(() => {
                         </react_native_1.Text>
                       </react_native_1.View>)}
 
-                    {/* Status Pill */}
+                    
                     {selected.status != null && (<react_native_1.View style={[
                         styles_1.default.chip,
                         {
@@ -200,7 +199,7 @@ const NetworkDetail = react_1.default.memo(() => {
                         </react_native_1.Text>
                       </react_native_1.View>)}
 
-                    {/* Duration Pill */}
+                    
                     {selected.duration != null && (<react_native_1.View style={[
                         styles_1.default.chip,
                         {
@@ -225,7 +224,7 @@ const NetworkDetail = react_1.default.memo(() => {
                         </react_native_1.Text>
                       </react_native_1.View>)}
 
-                    {/* Size Pill */}
+                    
                     {selected.response != null && (<react_native_1.View style={[
                         styles_1.default.chip,
                         {
@@ -261,7 +260,7 @@ const NetworkDetail = react_1.default.memo(() => {
                   </react_native_1.View>
                 </react_native_1.View>
 
-                {/* Full Live URL Analysis Card */}
+                
                 <react_native_1.Pressable style={{
                     backgroundColor: AppColors_1.AppColors.grayBackground,
                     borderRadius: 10,
@@ -344,7 +343,7 @@ const NetworkDetail = react_1.default.memo(() => {
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  {/* Full Clickable Hyperlink */}
+                  
                   <react_native_1.Text selectable={true} style={{
                     fontFamily: AppFonts_1.AppFonts.interMedium,
                     fontSize: 12.5,
@@ -360,7 +359,7 @@ const NetworkDetail = react_1.default.memo(() => {
         </react_native_1.View>
       </react_native_1.View>
 
-      {/* Sticky Segment Control */}
+      
       <SegmentedTabs_1.default tabs={[
             {
                 key: 'metadata',
@@ -391,7 +390,7 @@ const NetworkDetail = react_1.default.memo(() => {
             setApiDetailActiveTab(tab);
         }} style={{ marginHorizontal: 6, marginBottom: 10, marginTop: 6 }}/>
 
-      {/* Scrollable Tab Content */}
+      
       <react_native_1.ScrollView style={styles_1.default.detailScroll} contentContainerStyle={{
             paddingHorizontal: 6,
             paddingBottom: 24,

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

@@ -371,7 +371,7 @@ const NetworkTab = react_1.default.memo(() => {
     ]);
     return (<react_native_1.View style={{ flex: 1 }}>
       <react_native_1.FlatList ref={apisListRef} data={groupedData} keyExtractor={item => item?.id?.toString()} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} ListHeaderComponent={<react_native_1.View style={{ marginTop: 6 }}>
-            {/* Network Health & Telemetry Strip */}
+            
             {networkMetrics != null && networkMetrics.totalCount > 0 && (<react_native_1.View style={{
                     flexDirection: 'row',
                     alignItems: 'center',
@@ -385,7 +385,7 @@ const NetworkTab = react_1.default.memo(() => {
                     borderWidth: 1,
                     borderColor: AppColors_1.AppColors.dividerColor,
                 }}>
-                {/* Success Rate */}
+                
                 <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 4.5 }}>
                   <react_native_1.View style={{
                     width: 6,
@@ -407,7 +407,7 @@ const NetworkTab = react_1.default.memo(() => {
 
                 <react_native_1.View style={{ width: 1, height: 11, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
 
-                {/* Avg Latency */}
+                
                 <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 4 }}>
                   <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple} size={10}/>
                   <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 10.5, color: AppColors_1.AppColors.purple }}>
@@ -420,7 +420,7 @@ const NetworkTab = react_1.default.memo(() => {
 
                 <react_native_1.View style={{ width: 1, height: 11, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
 
-                {/* P95 Latency */}
+                
                 <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 4 }}>
                   <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 10.5, color: AppColors_1.AppColors.primaryBlack }}>
                     {networkMetrics.p95}ms
@@ -431,7 +431,7 @@ const NetworkTab = react_1.default.memo(() => {
                 </react_native_1.View>
               </react_native_1.View>)}
 
-            {/* Toolbar Row with Search & Actions */}
+            
             <react_native_1.View style={styles_1.default.toolbarRow}>
               <react_native_1.View style={[
                 styles_1.default.searchContainer,
@@ -445,7 +445,7 @@ const NetworkTab = react_1.default.memo(() => {
                 : AppColors_1.AppColors.grayTextWeak} size={15}/>
                 <react_native_1.TextInput placeholder="Search url, body, is:error, slow:>1s..." placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={search} onChangeText={setSearch} onFocus={() => setIsSearchFocused(true)} onBlur={() => setIsSearchFocused(false)} style={styles_1.default.searchInput} autoCorrect={false} autoCapitalize="none"/>
 
-                {/* Match Case (Aa) & Regex (.*) Quick Toggles */}
+                
                 <react_native_1.View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
@@ -570,7 +570,7 @@ const NetworkTab = react_1.default.memo(() => {
               </react_native_1.View>
             </react_native_1.View>
 
-            {/* Quick Search Scope & Filter Tags Row */}
+            
             <react_native_1.View style={{ paddingBottom: 4 }}>
               <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{
                 paddingHorizontal: 12,
@@ -579,7 +579,7 @@ const NetworkTab = react_1.default.memo(() => {
                 gap: 5,
                 paddingVertical: 2,
             }}>
-                {/* Search Scopes */}
+                
                 {SEARCH_SCOPES.map(s => {
                 const isActive = searchScope === s.id;
                 return (<TouchableScale_1.default key={`scope_${s.id}`} onPress={() => setSearchScope(s.id)} hitSlop={6} style={{
@@ -615,7 +615,7 @@ const NetworkTab = react_1.default.memo(() => {
                 marginHorizontal: 3,
             }}/>
 
-                {/* Quick Query Suggestions */}
+                
                 {QUICK_API_QUERY_TAGS.map(q => {
                 const isActive = search.includes(q.query);
                 return (<TouchableScale_1.default key={`quick_${q.query}`} onPress={() => {
@@ -658,7 +658,7 @@ const NetworkTab = react_1.default.memo(() => {
               </react_native_1.ScrollView>
             </react_native_1.View>
 
-            {/* Quick Filter Horizontal Chips Bar with Live Counts */}
+            
             <react_native_1.View style={{ marginBottom: 8 }}>
               <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{
                 paddingHorizontal: 12,
@@ -726,7 +726,7 @@ const NetworkTab = react_1.default.memo(() => {
               </react_native_1.ScrollView>
             </react_native_1.View>
 
-            {/* Search Scope Selector Bar (Visible on search or focus) */}
+            
             {(isSearchFocused || search.length > 0) && (<react_native_1.View style={{
                     flexDirection: 'row',
                     alignItems: 'center',
@@ -783,7 +783,7 @@ const NetworkTab = react_1.default.memo(() => {
                 </react_native_1.ScrollView>
               </react_native_1.View>)}
 
-            {/* Advanced Search Quick Query Suggestions Bar */}
+            
             {(isSearchFocused || search.length > 0) && (<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} style={{ marginBottom: 8, maxHeight: 28 }} contentContainerStyle={{
                     paddingHorizontal: 12,
                     flexDirection: 'row',
@@ -830,7 +830,7 @@ const NetworkTab = react_1.default.memo(() => {
                 })}
               </react_native_1.ScrollView>)}
 
-            {/* Active Filter Helper Status Bar */}
+            
             {(quickFilter !== 'all' ||
                 search.trim().length > 0 ||
                 statusFilters.size > 0 ||
@@ -956,7 +956,7 @@ const NetworkTab = react_1.default.memo(() => {
             styles_1.default.listContent,
             filteredLogs.length === 0 && { flexGrow: 1 },
         ]} keyboardShouldPersistTaps="handled"/>
-      {/* #2 — always-visible scroll-to-top, bottom right */}
+      
       <TouchableScale_1.default onPress={() => {
             try {
                 apisListRef.current?.scrollToOffset({

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

@@ -70,7 +70,6 @@ const NpmUpdateToast = () => {
     (0, react_1.useEffect)(() => {
         if (showUpdateToast && updateAvailable && latestNpmVersion && !dismissed) {
             setVisible(true);
-            // Slide and fade in
             react_native_1.Animated.parallel([
                 react_native_1.Animated.spring(translateYAnim, {
                     toValue: 0,
@@ -84,14 +83,12 @@ const NpmUpdateToast = () => {
                     useNativeDriver: true,
                 }),
             ]).start();
-            // Progress bar countdown from 1 to 0
             progressAnim.setValue(1);
             react_native_1.Animated.timing(progressAnim, {
                 toValue: 0,
                 duration: TOAST_TIMEOUT_MS,
                 useNativeDriver: false,
             }).start();
-            // Auto-hide after timeout
             timerRef.current = setTimeout(() => {
                 handleDismiss();
             }, TOAST_TIMEOUT_MS);
@@ -145,12 +142,12 @@ const NpmUpdateToast = () => {
             },
         ]}>
       <react_native_1.View style={styles.contentRow}>
-        {/* Left NPM Badge Icon */}
+        
         <react_native_1.View style={styles.npmIconContainer}>
           <NetworkIcons_1.NpmIcon size={15} color="#CB3837"/>
         </react_native_1.View>
 
-        {/* Text Details */}
+        
         <react_native_1.View style={styles.textContainer}>
           <react_native_1.View style={styles.titleRow}>
             <react_native_1.Text style={styles.titleText}>Update Available</react_native_1.Text>
@@ -163,7 +160,7 @@ const NpmUpdateToast = () => {
           </react_native_1.Text>
         </react_native_1.View>
 
-        {/* Copy command quick button */}
+        
         <react_native_1.TouchableOpacity style={styles.copyButton} onPress={handleCopyCommand} hitSlop={6} activeOpacity={0.75}>
           {copied ? <CheckSvg size={11} color="#10B981"/> : <CopySvg size={11} color="#94A3B8"/>}
           <react_native_1.Text style={[styles.copyButtonText, copied && { color: '#10B981' }]}>
@@ -171,19 +168,19 @@ const NpmUpdateToast = () => {
           </react_native_1.Text>
         </react_native_1.TouchableOpacity>
 
-        {/* Action Button: View */}
+        
         <react_native_1.TouchableOpacity style={styles.actionButton} onPress={handleOpenNpm} activeOpacity={0.8}>
           <react_native_1.Text style={styles.actionButtonText}>View</react_native_1.Text>
           <ExternalLinkSvg size={10} color="#FFFFFF"/>
         </react_native_1.TouchableOpacity>
 
-        {/* Close Button */}
+        
         <react_native_1.TouchableOpacity style={styles.closeButton} onPress={handleDismiss} hitSlop={8} activeOpacity={0.7}>
           <CloseSvg size={12} color="#94A3B8"/>
         </react_native_1.TouchableOpacity>
       </react_native_1.View>
 
-      {/* Animated Linear Timeout Progress Bar */}
+      
       <react_native_1.View style={styles.progressBarTrack}>
         <react_native_1.Animated.View style={[styles.progressBarFill, { width: progressWidth }]}/>
       </react_native_1.View>