react-native-inapp-inspector 2.5.12 → 2.5.14

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

@@ -38,7 +38,7 @@ ${i}`,[{text:d("common.cancel","Cancel"),style:"cancel"},{text:d("common.open","
                 </react_native_1.Text>
               </react_native_1.View>
 
-              <react_native_1.Pressable onPress={x}hitSlop={8}style={styles.globeBtn}accessibilityRole="button"accessibilityLabel="Open in Browser">
+              <react_native_1.Pressable onPress={x}hitSlop={{top:6,bottom:6,left:3,right:3}}style={styles.globeBtn}accessibilityRole="button"accessibilityLabel="Open in Browser">
                 <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
               </react_native_1.Pressable>
 
@@ -113,4 +113,4 @@ ${i}`,[{text:d("common.cancel","Cancel"),style:"cancel"},{text:d("common.open","
           </react_native_1.View>
         </react_native_1.View>
       </TouchableScale_1.default>
-    </react_native_1.View>}const styles=react_native_1.StyleSheet.create({container:{marginHorizontal:4,marginBottom:6},card:{borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:2,elevation:1,overflow:"hidden"},cardNew:{borderColor:`${AppColors_1.AppColors.brandPurple}66`,backgroundColor:`${AppColors_1.AppColors.brandPurple}05`},cardBody:{paddingHorizontal:8,paddingVertical:8},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:5},cardHeaderLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0},smallCheckbox:{width:15,height:15,borderRadius:3.5,borderWidth:1.2,borderColor:AppColors_1.AppColors.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.white,marginRight:2},smallCheckboxChecked:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},serialNumber:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},protocolBadge:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:5,borderWidth:1},protocolBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},chip:{paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,letterSpacing:.2},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:6},statusPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:6,paddingVertical:2,borderRadius:5,borderWidth:1},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},pulsingDot:{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.greenColor},globeBtn:{padding:3,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.grayTextWeak}12`},urlBox:{marginBottom:8},urlMainRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6,marginBottom:3},pathText:{flex:1,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.grayTextStrong,lineHeight:17},highlight:{backgroundColor:"rgba(250, 204, 21, 0.40)",color:AppColors_1.AppColors.grayTextStrong,borderRadius:2},hostRow:{flexDirection:"row",alignItems:"center",gap:5},protoBadge:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1},protoBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,letterSpacing:.2},hostText:{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:6,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},footerLeft:{flexDirection:"row",alignItems:"center",flex:1,minWidth:0,marginRight:6},cardDateRow:{flexDirection:"row",alignItems:"center",gap:4},cardDateText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},footerRight:{flexDirection:"row",alignItems:"center",gap:4},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1},metaStatText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9.5}});function areSocketPropsEqual(e,o){return e.item===o.item&&e.isSelected===o.isSelected&&e.isNew===o.isNew&&e.searchStr===o.searchStr&&e.serialNumber===o.serialNumber&&e.onPress===o.onPress&&e.onToggleSelect===o.onToggleSelect}exports.default=react_1.default.memo(SocketCard,areSocketPropsEqual);
+    </react_native_1.View>}const styles=react_native_1.StyleSheet.create({container:{marginHorizontal:4,marginBottom:6},card:{borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:2,elevation:1,overflow:"hidden"},cardNew:{borderColor:`${AppColors_1.AppColors.brandPurple}66`,backgroundColor:`${AppColors_1.AppColors.brandPurple}05`},cardBody:{paddingHorizontal:8,paddingVertical:8},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:5},cardHeaderLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0},smallCheckbox:{width:15,height:15,borderRadius:3.5,borderWidth:1.2,borderColor:AppColors_1.AppColors.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.white,marginRight:2},smallCheckboxChecked:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},serialNumber:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},protocolBadge:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:5,borderWidth:1},protocolBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},chip:{paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,letterSpacing:.2},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:7},statusPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:6,paddingVertical:2,borderRadius:5,borderWidth:1},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},pulsingDot:{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.greenColor},globeBtn:{width:26,height:22,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.grayTextWeak}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.grayTextWeak}28`,alignItems:"center",justifyContent:"center"},urlBox:{marginBottom:8},urlMainRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6,marginBottom:3},pathText:{flex:1,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.grayTextStrong,lineHeight:17},highlight:{backgroundColor:"rgba(250, 204, 21, 0.40)",color:AppColors_1.AppColors.grayTextStrong,borderRadius:2},hostRow:{flexDirection:"row",alignItems:"center",gap:5},protoBadge:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1},protoBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,letterSpacing:.2},hostText:{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:6,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},footerLeft:{flexDirection:"row",alignItems:"center",flex:1,minWidth:0,marginRight:6},cardDateRow:{flexDirection:"row",alignItems:"center",gap:4},cardDateText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},footerRight:{flexDirection:"row",alignItems:"center",gap:4},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1},metaStatText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9.5}});function areSocketPropsEqual(e,o){return e.item===o.item&&e.isSelected===o.isSelected&&e.isNew===o.isNew&&e.searchStr===o.searchStr&&e.serialNumber===o.serialNumber&&e.onPress===o.onPress&&e.onToggleSelect===o.onToggleSelect}exports.default=react_1.default.memo(SocketCard,areSocketPropsEqual);

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

@@ -29,13 +29,13 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
           
           <react_native_1.View style={styles.pillRow}>
             <react_native_1.View style={styles.pillBadge}>
-              <react_native_1.Text style={styles.pillBadgeText}>MIT LICENSE</react_native_1.Text>
+              <react_native_1.Text style={styles.pillBadgeText}>{e("support.mitLicense","MIT LICENSE")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={styles.pillBadge}>
-              <react_native_1.Text style={styles.pillBadgeText}>ZERO CONFIG</react_native_1.Text>
+              <react_native_1.Text style={styles.pillBadgeText}>{e("support.zeroConfig","ZERO CONFIG")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={styles.pillBadge}>
-              <react_native_1.Text style={styles.pillBadgeText}>FABRIC & TURBO</react_native_1.Text>
+              <react_native_1.Text style={styles.pillBadgeText}>{e("support.fabricTurbo","FABRIC & TURBO")}</react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
@@ -99,7 +99,7 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
                     {e("support.star","Star on GitHub")}
                   </react_native_1.Text>
                   <react_native_1.View style={styles.badgeAmber}>
-                    <react_native_1.Text style={styles.badgeAmberText}>RECOMMENDED</react_native_1.Text>
+                    <react_native_1.Text style={styles.badgeAmberText}>{e("support.recommended","RECOMMENDED")}</react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
                 <react_native_1.Text style={styles.itemDesc}>
@@ -196,7 +196,7 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
             <react_native_1.View style={styles.authorTextCol}>
               <react_native_1.Text style={styles.authorName}>Vengateswaran Balakrishnan</react_native_1.Text>
               <react_native_1.Text style={styles.authorRole}>
-                Creator & Core Maintainer • @vengatmacuser
+                {e("support.creatorMaintainer","Creator & Core Maintainer \u2022 @vengatmacuser")}
               </react_native_1.Text>
               <react_native_1.Text style={styles.authorEmail}>vengatmacuser@gmail.com</react_native_1.Text>
             </react_native_1.View>

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

@@ -1,14 +1,14 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,t,i,o){o===void 0&&(o=i);var n=Object.getOwnPropertyDescriptor(t,i);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(r,o,n)}):(function(r,t,i,o){o===void 0&&(o=i),r[o]=t[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}):function(r,t){r.default=t}),__importStar=this&&this.__importStar||(function(){var r=function(t){return r=Object.getOwnPropertyNames||function(i){var o=[];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(o[o.length]=n);return o},r(t)};return function(t){if(t&&t.__esModule)return t;var i={};if(t!=null)for(var o=r(t),n=0;n<o.length;n++)o[n]!=="default"&&__createBinding(i,t,o[n]);return __setModuleDefault(i,t),i}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),helpers_1=require("../../helpers"),HEADER_TAB_THEME={themeColor:AppColors_1.AppColors.brandPurple,bgInactive:`${AppColors_1.AppColors.brandPurple}0D`,borderInactive:`${AppColors_1.AppColors.brandPurple}2B`,iconInactive:AppColors_1.AppColors.brandPurple,idBadgeBg:`${AppColors_1.AppColors.brandPurple}1C`,idBadgeBorder:`${AppColors_1.AppColors.brandPurple}3D`,idBadgeText:AppColors_1.AppColors.brandPurple},TAB_THEMES={apis:HEADER_TAB_THEME,logs:HEADER_TAB_THEME,perf:HEADER_TAB_THEME,analytics:HEADER_TAB_THEME,redux:HEADER_TAB_THEME,storage:HEADER_TAB_THEME,device:HEADER_TAB_THEME,crash:HEADER_TAB_THEME,push:HEADER_TAB_THEME,socket:HEADER_TAB_THEME,debugging:HEADER_TAB_THEME,media:HEADER_TAB_THEME},TabBar=react_1.default.memo(()=>{const{t:r}=(0,i18n_1.useTranslation)(),{activeTab:t,switchActiveTab:i,tabVisibility:o,logs:n,consoleLogs:f,analyticsEvents:m,crashRecords:y,pushRecords:C,socketRecords:b,unreadPushCount:S,unreadSocketCount:I,lastReadApisCount:T,lastReadLogsCount:x,lastReadCrashesCount:R,lastReadSocketCount:B,mediaCount:_}=(0,InspectorContext_1.useInspector)(),P=(0,reduxLogger_1.isReduxConnected)(),O=(0,analyticsLogger_1.isAnalyticsConnected)(),c=t==="media",g=(o?.media??!0)&&(_>0||c||__DEV__),w=(0,react_1.useRef)(null),[h,z]=(0,react_1.useState)(!1),[v,V]=(0,react_1.useState)(!0),A=(0,react_1.useRef)(0),L=e=>{const{contentOffset:s,layoutMeasurement:l,contentSize:a}=e.nativeEvent,d=s.x;A.current=d;const u=d>8,p=d<a.width-l.width-8;h!==u&&z(u),v!==p&&V(p)},k=e=>{w.current?.scrollTo({x:Math.max(0,A.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,i,r){r===void 0&&(r=i);var n=Object.getOwnPropertyDescriptor(t,i);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(o,r,n)}):(function(o,t,i,r){r===void 0&&(r=i),o[r]=t[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(i){var r=[];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(r[r.length]=n);return r},o(t)};return function(t){if(t&&t.__esModule)return t;var i={};if(t!=null)for(var r=o(t),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(i,t,r[n]);return __setModuleDefault(i,t),i}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),HEADER_TAB_THEME={themeColor:AppColors_1.AppColors.brandPurple,bgInactive:`${AppColors_1.AppColors.brandPurple}0D`,borderInactive:`${AppColors_1.AppColors.brandPurple}2B`,iconInactive:AppColors_1.AppColors.brandPurple,idBadgeBg:`${AppColors_1.AppColors.brandPurple}1C`,idBadgeBorder:`${AppColors_1.AppColors.brandPurple}3D`,idBadgeText:AppColors_1.AppColors.brandPurple},TAB_THEMES={apis:HEADER_TAB_THEME,logs:HEADER_TAB_THEME,perf:HEADER_TAB_THEME,analytics:HEADER_TAB_THEME,redux:HEADER_TAB_THEME,storage:HEADER_TAB_THEME,device:HEADER_TAB_THEME,crash:HEADER_TAB_THEME,push:HEADER_TAB_THEME,socket:HEADER_TAB_THEME,media:HEADER_TAB_THEME},TabBar=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{activeTab:t,switchActiveTab:i,tabVisibility:r,logs:n,consoleLogs:w,analyticsEvents:D,crashRecords:v,pushRecords:A,socketRecords:S,unreadPushCount:k,unreadSocketCount:m,lastReadApisCount:I,lastReadLogsCount:R,lastReadCrashesCount:T,lastReadSocketCount:x,mediaCount:u}=(0,InspectorContext_1.useInspector)(),P=(0,reduxLogger_1.isReduxConnected)(),B=(0,analyticsLogger_1.isAnalyticsConnected)(),c=t==="media",g=(r?.media??!0)&&(u>0||c||__DEV__),f=(0,react_1.useRef)(null),[y,O]=(0,react_1.useState)(!1),[b,z]=(0,react_1.useState)(!0),C=(0,react_1.useRef)(0),L=e=>{const{contentOffset:s,layoutMeasurement:l,contentSize:a}=e.nativeEvent,d=s.x;C.current=d;const p=d>8,h=d<a.width-l.width-8;y!==p&&O(p),b!==h&&z(h)},_=e=>{f.current?.scrollTo({x:Math.max(0,C.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
       
-      {h&&<react_native_1.TouchableOpacity onPress={()=>k(-160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:6,paddingRight:2,justifyContent:"center",alignItems:"center"}}>
+      {y&&<react_native_1.TouchableOpacity onPress={()=>_(-160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:6,paddingRight:2,justifyContent:"center",alignItems:"center"}}>
           <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
             <NetworkIcons_1.ChevronIcon direction="left"size={13}color={AppColors_1.AppColors.grayTextStrong}/>
           </react_native_1.View>
         </react_native_1.TouchableOpacity>}
 
       
-      <react_native_1.ScrollView testID="inspector.tab.scrollview"ref={w}horizontal showsHorizontalScrollIndicator={!1}onScroll={L}scrollEventThrottle={16}style={{flex:1}}contentContainerStyle={{paddingLeft:h?4:12,paddingRight:g?6:12}}>
-        {[{id:1,key:"apis",label:"APIs",count:n.length,icon:"apis"},{id:2,key:"logs",label:"Logs",count:f.length,icon:"logs"},{id:3,key:"perf",label:"Perf / FPS",count:0,icon:"perf"},{id:4,key:"analytics",label:"Analytics",count:m.length,icon:"analytics"},{id:5,key:"redux",label:"Redux",count:0,icon:"redux"},{id:6,key:"storage",label:"Storage",count:0,icon:"storage"},{id:7,key:"device",label:"Device",count:0,icon:"device"},{id:8,key:"crash",label:"Crash",count:y?.length||0,icon:"crash"},{id:9,key:"push",label:"Push",count:C?.length||0,icon:"push"},{id:10,key:"socket",label:"WebSocket",count:b?.length||0,icon:"socket"},{id:11,key:"debugging",label:"Debugging",count:0,icon:"debugging"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&!!o?.debugging:!(!o?.[e.key]||e.key==="redux"&&!P||e.key==="analytics"&&!O)).map(e=>{const s=t===e.key,l=TAB_THEMES[e.key]||TAB_THEMES.apis,a=s?AppColors_1.AppColors.white:l.iconInactive,d=e.count>99?"99+":String(e.count),u=t!=="apis"&&n.length>T,p=t!=="logs"&&f.length>x,D=t!=="crash"&&(y?.length||0)>(R||0),j=t!=="socket"&&((b?.length||0)>(B||0)||I>0);return<TouchableScale_1.default key={e.key}testID={`inspector.tab.${e.key}`}onPress={()=>{i(e.key)}}style={[styles_1.default.contentTabButton,{backgroundColor:s?l.themeColor:l.bgInactive,borderColor:s?l.themeColor:l.borderInactive},s&&{shadowColor:l.themeColor,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
+      <react_native_1.ScrollView testID="inspector.tab.scrollview"ref={f}horizontal showsHorizontalScrollIndicator={!1}onScroll={L}scrollEventThrottle={16}style={{flex:1}}contentContainerStyle={{paddingLeft:y?4:12,paddingRight:g?6:12}}>
+        {[{id:1,key:"apis",label:"APIs",icon:"apis"},{id:2,key:"logs",label:"Logs",icon:"logs"},{id:3,key:"perf",label:"Perf / FPS",icon:"perf"},{id:4,key:"analytics",label:"Analytics",icon:"analytics"},{id:5,key:"redux",label:"Redux",icon:"redux"},{id:6,key:"storage",label:"Storage",icon:"storage"},{id:7,key:"device",label:"Device",icon:"device"},{id:8,key:"crash",label:"Crash",icon:"crash"},{id:9,key:"push",label:"Push",icon:"push"},{id:10,key:"socket",label:"WebSocket",icon:"socket"}].filter(e=>!(!r?.[e.key]||e.key==="redux"&&!P||e.key==="analytics"&&!B)).map(e=>{const s=t===e.key,l=TAB_THEMES[e.key]||TAB_THEMES.apis,a=s?AppColors_1.AppColors.white:l.iconInactive,d=t!=="apis"&&n.length>I,p=t!=="logs"&&w.length>R,h=t!=="crash"&&(v?.length||0)>(T||0),V=t!=="socket"&&((S?.length||0)>(x||0)||m>0);return<TouchableScale_1.default key={e.key}testID={`inspector.tab.${e.key}`}accessible={!0}accessibilityRole="tab"accessibilityState={{selected:s}}accessibilityLabel={`${o(`tabs.${e.key}`,e.label)} tab`}accessibilityHint={o("accessibility.tabSwitchHint","Double tap to switch to this tab")}onPress={()=>{i(e.key)}}style={[styles_1.default.contentTabButton,{backgroundColor:s?l.themeColor:l.bgInactive,borderColor:s?l.themeColor:l.borderInactive},s&&{shadowColor:l.themeColor,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                   {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={a}size={14}/>}
                   {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={a}size={14}/>}
@@ -20,27 +20,21 @@
                   {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={a}size={14}/>}
                   {e.icon==="push"&&<NetworkIcons_1.BellIcon color={a}size={14}/>}
                   {e.icon==="socket"&&<NetworkIcons_1.WebsocketIcon color={a}size={14}/>}
-                  {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={a}size={14}/>}
                   <react_native_1.View style={{minWidth:20,height:20,paddingHorizontal:4,borderRadius:10,backgroundColor:s?`${AppColors_1.AppColors.white}33`:l.idBadgeBg,borderWidth:1,borderColor:s?`${AppColors_1.AppColors.white}66`:l.idBadgeBorder,alignItems:"center",justifyContent:"center"}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:s?AppColors_1.AppColors.white:l.idBadgeText}}>
                       #{e.id}
                     </react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.Text numberOfLines={1}ellipsizeMode="tail"style={[styles_1.default.contentTabButtonText,{color:s?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextStrong,fontFamily:s?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interSemiBold}]}>
-                    {r(`tabs.${e.key}`,e.label)}
+                    {o(`tabs.${e.key}`,e.label)}
                   </react_native_1.Text>
-                  {e.count>0&&e.key!=="push"&&<react_native_1.View style={{paddingHorizontal:5,paddingVertical:1,borderRadius:8,backgroundColor:s?AppColors_1.AppColors.overlayWhite25:l.idBadgeBg,borderWidth:.5,borderColor:s?AppColors_1.AppColors.overlayWhite45:l.idBadgeBorder,marginLeft:1,alignItems:"center",justifyContent:"center"}}>
-                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:s?AppColors_1.AppColors.white:l.themeColor}}>
-                        {d}
-                      </react_native_1.Text>
-                    </react_native_1.View>}
-                  {(e.key==="apis"&&u||e.key==="logs"&&p||e.key==="crash"&&D||e.key==="push"&&((C?.length||0)>0||S>0)||e.key==="socket"&&j)&&<react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.errorColor,marginLeft:4,alignSelf:"center"}}/>}
+                  {(e.key==="apis"&&d||e.key==="logs"&&p||e.key==="crash"&&h||e.key==="push"&&((A?.length||0)>0||k>0)||e.key==="socket"&&V)&&<react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.errorColor,marginLeft:4,alignSelf:"center"}}/>}
                 </react_native_1.View>
               </TouchableScale_1.default>})}
       </react_native_1.ScrollView>
 
       
-      {v&&<react_native_1.TouchableOpacity onPress={()=>k(160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:2,paddingRight:g?4:8,justifyContent:"center",alignItems:"center"}}>
+      {b&&<react_native_1.TouchableOpacity onPress={()=>_(160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:2,paddingRight:g?4:8,justifyContent:"center",alignItems:"center"}}>
           <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
             <NetworkIcons_1.ChevronIcon direction="right"size={13}color={AppColors_1.AppColors.grayTextStrong}/>
           </react_native_1.View>
@@ -48,10 +42,10 @@
 
       
       {g&&<react_native_1.View style={{paddingLeft:6,paddingRight:10,borderLeftWidth:1,borderLeftColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.primaryLight,justifyContent:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:-3,height:0},shadowOpacity:.12,shadowRadius:4,elevation:4,zIndex:10}}>
-          <TouchableScale_1.default key="media"testID="inspector.tab.media"onPress={()=>{i("media")}}accessibilityRole="button"accessibilityLabel="Media Gallery"style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}0D`,borderColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}2B`,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},c&&{shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
+          <TouchableScale_1.default key="media"testID="inspector.tab.media"onPress={()=>{i("media")}}accessible={!0}accessibilityRole="tab"accessibilityState={{selected:c}}accessibilityLabel={`${o("tabs.media","Media")} tab${u>0?`, ${u} items`:""}`}accessibilityHint={o("accessibility.tabSwitchHint","Double tap to switch to this tab")}style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}0D`,borderColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}2B`,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},c&&{shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
             <react_native_1.View style={{position:"relative",alignItems:"center",justifyContent:"center"}}>
               <NetworkIcons_1.ScreencastIcon color={c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple}size={15}/>
-              {_>0&&<react_native_1.View style={{position:"absolute",top:-3,right:-4,width:7,height:7,borderRadius:3.5,backgroundColor:c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple,borderWidth:1.2,borderColor:c?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.white}}/>}
+              {u>0&&<react_native_1.View style={{position:"absolute",top:-3,right:-4,width:7,height:7,borderRadius:3.5,backgroundColor:c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple,borderWidth:1.2,borderColor:c?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.white}}/>}
             </react_native_1.View>
           </TouchableScale_1.default>
         </react_native_1.View>}

package/dist/commonjs/components/Inspector/UiA11yAuditPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { A11yAuditResult } from '../../types';
+interface UiA11yAuditPanelProps {
+    a11y: A11yAuditResult;
+}
+export declare const UiA11yAuditPanel: React.FC<UiA11yAuditPanelProps>;
+export {};

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

@@ -0,0 +1,97 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UiA11yAuditPanel=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),UiA11yAuditPanel=({a11y:t})=>{const{hasValidTouchTarget:r,touchTargetWidth:c,touchTargetHeight:d,recommendedMinSize:o,contrastRatio:a,contrastScore:e,textColor:p,backgroundColor:_,hasAccessibilityLabel:l,accessibilityRole:s,accessibilityHint:n,issues:i}=t;return<react_native_1.View style={styles.container}>
+      
+      <react_native_1.View style={styles.card}>
+        <react_native_1.View style={styles.cardHeader}>
+          <react_native_1.View style={styles.cardTitleRow}>
+            <NetworkIcons_1.AccessibilityIcon color={AppColors_1.AppColors.brandPurple}size={18}/>
+            <react_native_1.Text style={styles.cardTitle}>Touch Target Size</react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={[styles.badge,r?styles.badgeSuccess:styles.badgeWarning]}>
+            <react_native_1.Text style={[styles.badgeText,r?styles.badgeTextSuccess:styles.badgeTextWarning]}>
+              {r?"COMPLIANT":"SUB-OPTIMAL"}
+            </react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.metricRow}>
+          <react_native_1.View style={styles.metricItem}>
+            <react_native_1.Text style={styles.metricLabel}>Actual Size</react_native_1.Text>
+            <react_native_1.Text style={styles.metricValue}>
+              {Math.round(c)} × {Math.round(d)} pt
+            </react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={styles.metricItem}>
+            <react_native_1.Text style={styles.metricLabel}>Target Guideline</react_native_1.Text>
+            <react_native_1.Text style={styles.metricValue}>
+              ≥ {o} × {o} pt
+            </react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.View>
+
+      
+      <react_native_1.View style={styles.card}>
+        <react_native_1.View style={styles.cardHeader}>
+          <react_native_1.View style={styles.cardTitleRow}>
+            <react_native_1.Text style={styles.cardTitle}>WCAG Color Contrast</react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={[styles.badge,e==="AAA"||e==="AA"?styles.badgeSuccess:e==="Fail"?styles.badgeError:styles.badgeNeutral]}>
+            <react_native_1.Text style={[styles.badgeText,e==="AAA"||e==="AA"?styles.badgeTextSuccess:e==="Fail"?styles.badgeTextError:styles.badgeTextNeutral]}>
+              {e==="N/A"?"NOT APPLICABLE":`WCAG ${e}`}
+            </react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        {a!==void 0?<react_native_1.View style={styles.contrastPreview}>
+            <react_native_1.View style={[styles.contrastSwatch,{backgroundColor:_||"#FFFFFF"}]}>
+              <react_native_1.Text style={[styles.contrastSampleText,{color:p||"#000000"}]}>
+                Sample Text
+              </react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.View style={styles.contrastDetails}>
+              <react_native_1.Text style={styles.contrastRatioValue}>{a}:1</react_native_1.Text>
+              <react_native_1.Text style={styles.contrastSubtext}>
+                {a>=7?"Passes AAA (Enhanced Contrast)":a>=4.5?"Passes AA (Minimum Standard)":"Fails AA (Low Contrast Warning)"}
+              </react_native_1.Text>
+            </react_native_1.View>
+          </react_native_1.View>:<react_native_1.Text style={styles.naSubtext}>
+            Text or background color is transparent or dynamically inherited.
+          </react_native_1.Text>}
+      </react_native_1.View>
+
+      
+      <react_native_1.View style={styles.card}>
+        <react_native_1.Text style={[styles.cardTitle,{marginBottom:10}]}>Accessibility Attributes</react_native_1.Text>
+
+        <react_native_1.View style={styles.attributeRow}>
+          <react_native_1.Text style={styles.attributeLabel}>accessibilityLabel:</react_native_1.Text>
+          <react_native_1.Text style={[styles.attributeValue,!l&&{color:AppColors_1.AppColors.grayTextWeak,fontStyle:"italic"}]}>
+            {l?"Provided":"None specified"}
+          </react_native_1.Text>
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.attributeRow}>
+          <react_native_1.Text style={styles.attributeLabel}>accessibilityRole:</react_native_1.Text>
+          <react_native_1.Text style={[styles.attributeValue,!s&&{color:AppColors_1.AppColors.grayTextWeak,fontStyle:"italic"}]}>
+            {s||"None"}
+          </react_native_1.Text>
+        </react_native_1.View>
+
+        {n&&<react_native_1.View style={styles.attributeRow}>
+            <react_native_1.Text style={styles.attributeLabel}>accessibilityHint:</react_native_1.Text>
+            <react_native_1.Text style={styles.attributeValue}>{n}</react_native_1.Text>
+          </react_native_1.View>}
+      </react_native_1.View>
+
+      
+      {i.length>0&&<react_native_1.View style={[styles.card,styles.issuesCard]}>
+          <react_native_1.View style={styles.issuesHeader}>
+            <NetworkIcons_1.AlertTriangleIcon color="#D97706"size={16}/>
+            <react_native_1.Text style={styles.issuesTitle}>Recommendations ({i.length})</react_native_1.Text>
+          </react_native_1.View>
+          {i.map((u,b)=><react_native_1.View key={b}style={styles.issueItem}>
+              <react_native_1.Text style={styles.issueBullet}>•</react_native_1.Text>
+              <react_native_1.Text style={styles.issueText}>{u}</react_native_1.Text>
+            </react_native_1.View>)}
+        </react_native_1.View>}
+    </react_native_1.View>};exports.UiA11yAuditPanel=UiA11yAuditPanel;const styles=react_native_1.StyleSheet.create({container:{gap:10,paddingVertical:4},card:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},cardHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:10},cardTitleRow:{flexDirection:"row",alignItems:"center",gap:8},cardTitle:{fontSize:14,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.slate900},badge:{paddingHorizontal:8,paddingVertical:3,borderRadius:6},badgeSuccess:{backgroundColor:"#10B9811A",borderColor:"#10B98144",borderWidth:1},badgeWarning:{backgroundColor:"#F59E0B1A",borderColor:"#F59E0B44",borderWidth:1},badgeError:{backgroundColor:"#E11D481A",borderColor:"#E11D4844",borderWidth:1},badgeNeutral:{backgroundColor:AppColors_1.AppColors.slate100},badgeText:{fontSize:10,fontFamily:AppFonts_1.AppFonts.bold},badgeTextSuccess:{color:"#059669"},badgeTextWarning:{color:"#D97706"},badgeTextError:{color:"#E11D48"},badgeTextNeutral:{color:AppColors_1.AppColors.slate600},metricRow:{flexDirection:"row",gap:16},metricItem:{flex:1,backgroundColor:AppColors_1.AppColors.slate50,padding:10,borderRadius:8},metricLabel:{fontSize:11,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.grayTextWeak,marginBottom:4},metricValue:{fontSize:13,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.slate900},contrastPreview:{flexDirection:"row",alignItems:"center",gap:12},contrastSwatch:{paddingVertical:12,paddingHorizontal:16,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},contrastSampleText:{fontSize:13,fontFamily:AppFonts_1.AppFonts.semiBold},contrastDetails:{flex:1},contrastRatioValue:{fontSize:16,fontFamily:AppFonts_1.AppFonts.bold,color:AppColors_1.AppColors.slate900},contrastSubtext:{fontSize:11,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},naSubtext:{fontSize:12,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.grayTextWeak},attributeRow:{flexDirection:"row",justifyContent:"space-between",paddingVertical:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate100},attributeLabel:{fontSize:12,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.slate600},attributeValue:{fontSize:12,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.slate900},issuesCard:{backgroundColor:"#FEF3C722",borderColor:"#F59E0B44"},issuesHeader:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:8},issuesTitle:{fontSize:13,fontFamily:AppFonts_1.AppFonts.semiBold,color:"#D97706"},issueItem:{flexDirection:"row",alignItems:"flex-start",gap:6,marginVertical:3},issueBullet:{fontSize:12,color:"#D97706"},issueText:{fontSize:12,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.slate700,flex:1,lineHeight:16}});

package/dist/commonjs/components/Inspector/UiInspectorDetail.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const UiInspectorDetail: React.FC;