react-native-inapp-inspector 2.3.25 → 2.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/README.md +26 -5
  2. package/dist/commonjs/components/AnalyticsDetail.js +9 -6
  3. package/dist/commonjs/components/AppHeaderLogo.js +4 -6
  4. package/dist/commonjs/components/Inspector/AnalyticsFilterModal.js +1 -1
  5. package/dist/commonjs/components/Inspector/AnalyticsTab.js +18 -22
  6. package/dist/commonjs/components/Inspector/ConsoleTab.js +13 -16
  7. package/dist/commonjs/components/Inspector/CrashDetail.js +7 -6
  8. package/dist/commonjs/components/Inspector/CrashTab.js +23 -23
  9. package/dist/commonjs/components/Inspector/DebuggingTab.js +6 -6
  10. package/dist/commonjs/components/Inspector/DeviceInfoTab.js +77 -43
  11. package/dist/commonjs/components/Inspector/FabLauncher.js +8 -9
  12. package/dist/commonjs/components/Inspector/InspectorHeader.js +93 -70
  13. package/dist/commonjs/components/Inspector/LogDetail.js +10 -7
  14. package/dist/commonjs/components/Inspector/MainScreen.js +67 -29
  15. package/dist/commonjs/components/Inspector/NetworkDetail.js +29 -28
  16. package/dist/commonjs/components/Inspector/NetworkFilterModal.js +1 -1
  17. package/dist/commonjs/components/Inspector/NetworkTab.js +87 -85
  18. package/dist/commonjs/components/Inspector/PushCard.d.ts +4 -0
  19. package/dist/commonjs/components/Inspector/PushCard.js +89 -0
  20. package/dist/commonjs/components/Inspector/PushDetail.d.ts +4 -0
  21. package/dist/commonjs/components/Inspector/PushDetail.js +190 -0
  22. package/dist/commonjs/components/Inspector/PushTab.d.ts +3 -0
  23. package/dist/commonjs/components/Inspector/PushTab.js +45 -0
  24. package/dist/commonjs/components/Inspector/ReduxDetail.js +16 -13
  25. package/dist/commonjs/components/Inspector/ReduxTab.js +18 -28
  26. package/dist/commonjs/components/Inspector/SettingsPanel.js +253 -105
  27. package/dist/commonjs/components/Inspector/StorageTab.js +40 -40
  28. package/dist/commonjs/components/Inspector/TabBar.js +9 -8
  29. package/dist/commonjs/components/Inspector/UpdateAvailableModal.js +2 -2
  30. package/dist/commonjs/components/JsonViewer.js +77 -90
  31. package/dist/commonjs/components/LogCard.js +9 -6
  32. package/dist/commonjs/components/ModuleErrorBoundary.d.ts +24 -0
  33. package/dist/commonjs/components/ModuleErrorBoundary.js +33 -0
  34. package/dist/commonjs/components/NetworkIcons.d.ts +3 -3
  35. package/dist/commonjs/components/NetworkIcons.js +10 -6
  36. package/dist/commonjs/components/SegmentedTabs.d.ts +4 -1
  37. package/dist/commonjs/components/SegmentedTabs.js +12 -8
  38. package/dist/commonjs/components/ShareButton.d.ts +11 -0
  39. package/dist/commonjs/components/ShareButton.js +6 -0
  40. package/dist/commonjs/constants/version.d.ts +1 -1
  41. package/dist/commonjs/constants/version.js +1 -1
  42. package/dist/commonjs/customHooks/crashHandler.js +4 -4
  43. package/dist/commonjs/customHooks/networkLogger.js +1 -1
  44. package/dist/commonjs/customHooks/pushNotificationLogger.d.ts +19 -0
  45. package/dist/commonjs/customHooks/pushNotificationLogger.js +1 -0
  46. package/dist/commonjs/helpers/memoryManager.d.ts +2 -1
  47. package/dist/commonjs/helpers/memoryManager.js +1 -1
  48. package/dist/commonjs/helpers/settingsStore.d.ts +1 -0
  49. package/dist/commonjs/helpers/settingsStore.js +1 -1
  50. package/dist/commonjs/helpers/shareFormatter.d.ts +13 -0
  51. package/dist/commonjs/helpers/shareFormatter.js +7 -0
  52. package/dist/commonjs/i18n/locales/en.json +1 -1
  53. package/dist/commonjs/index.d.ts +5 -2
  54. package/dist/commonjs/index.js +4 -4
  55. package/dist/commonjs/push.d.ts +4 -0
  56. package/dist/commonjs/push.js +1 -0
  57. package/dist/commonjs/types/enums.d.ts +30 -0
  58. package/dist/commonjs/types/enums.js +1 -1
  59. package/dist/commonjs/types/index.d.ts +10 -0
  60. package/dist/commonjs/types/interfaces.d.ts +63 -7
  61. package/dist/esm/components/AnalyticsDetail.js +28 -25
  62. package/dist/esm/components/AppHeaderLogo.js +5 -7
  63. package/dist/esm/components/Inspector/AnalyticsFilterModal.js +14 -14
  64. package/dist/esm/components/Inspector/AnalyticsTab.js +36 -40
  65. package/dist/esm/components/Inspector/ConsoleTab.js +52 -55
  66. package/dist/esm/components/Inspector/CrashDetail.js +11 -10
  67. package/dist/esm/components/Inspector/CrashTab.js +23 -23
  68. package/dist/esm/components/Inspector/DebuggingTab.js +10 -10
  69. package/dist/esm/components/Inspector/DeviceInfoTab.js +208 -174
  70. package/dist/esm/components/Inspector/FabLauncher.js +41 -42
  71. package/dist/esm/components/Inspector/InspectorHeader.js +138 -115
  72. package/dist/esm/components/Inspector/LogDetail.js +24 -21
  73. package/dist/esm/components/Inspector/MainScreen.js +100 -62
  74. package/dist/esm/components/Inspector/NetworkDetail.js +88 -87
  75. package/dist/esm/components/Inspector/NetworkFilterModal.js +8 -8
  76. package/dist/esm/components/Inspector/NetworkTab.js +136 -134
  77. package/dist/esm/components/Inspector/PushCard.d.ts +4 -0
  78. package/dist/esm/components/Inspector/PushCard.js +89 -0
  79. package/dist/esm/components/Inspector/PushDetail.d.ts +4 -0
  80. package/dist/esm/components/Inspector/PushDetail.js +190 -0
  81. package/dist/esm/components/Inspector/PushTab.d.ts +3 -0
  82. package/dist/esm/components/Inspector/PushTab.js +45 -0
  83. package/dist/esm/components/Inspector/ReduxDetail.js +40 -37
  84. package/dist/esm/components/Inspector/ReduxTab.js +109 -119
  85. package/dist/esm/components/Inspector/SettingsPanel.js +406 -258
  86. package/dist/esm/components/Inspector/StorageTab.js +174 -174
  87. package/dist/esm/components/Inspector/TabBar.js +28 -27
  88. package/dist/esm/components/Inspector/UpdateAvailableModal.js +1 -1
  89. package/dist/esm/components/JsonViewer.js +101 -114
  90. package/dist/esm/components/LogCard.js +25 -22
  91. package/dist/esm/components/ModuleErrorBoundary.d.ts +24 -0
  92. package/dist/esm/components/ModuleErrorBoundary.js +33 -0
  93. package/dist/esm/components/NetworkIcons.d.ts +3 -3
  94. package/dist/esm/components/NetworkIcons.js +7 -3
  95. package/dist/esm/components/SegmentedTabs.d.ts +4 -1
  96. package/dist/esm/components/SegmentedTabs.js +12 -8
  97. package/dist/esm/components/ShareButton.d.ts +11 -0
  98. package/dist/esm/components/ShareButton.js +6 -0
  99. package/dist/esm/constants/version.d.ts +1 -1
  100. package/dist/esm/constants/version.js +1 -1
  101. package/dist/esm/customHooks/crashHandler.js +6 -6
  102. package/dist/esm/customHooks/networkLogger.js +1 -1
  103. package/dist/esm/customHooks/pushNotificationLogger.d.ts +19 -0
  104. package/dist/esm/customHooks/pushNotificationLogger.js +1 -0
  105. package/dist/esm/helpers/memoryManager.d.ts +2 -1
  106. package/dist/esm/helpers/memoryManager.js +1 -1
  107. package/dist/esm/helpers/settingsStore.d.ts +1 -0
  108. package/dist/esm/helpers/settingsStore.js +1 -1
  109. package/dist/esm/helpers/shareFormatter.d.ts +13 -0
  110. package/dist/esm/helpers/shareFormatter.js +7 -0
  111. package/dist/esm/i18n/locales/en.json +1 -1
  112. package/dist/esm/index.d.ts +5 -2
  113. package/dist/esm/index.js +7 -7
  114. package/dist/esm/push.d.ts +4 -0
  115. package/dist/esm/push.js +1 -0
  116. package/dist/esm/types/enums.d.ts +30 -0
  117. package/dist/esm/types/enums.js +1 -1
  118. package/dist/esm/types/index.d.ts +10 -0
  119. package/dist/esm/types/interfaces.d.ts +63 -7
  120. package/package.json +53 -10
  121. package/src/native/NativeInspector.ts +0 -1
  122. package/dist/commonjs/components/BrandSquareIcon.d.ts +0 -5
  123. package/dist/commonjs/components/BrandSquareIcon.js +0 -112
  124. package/dist/esm/components/BrandSquareIcon.d.ts +0 -5
  125. package/dist/esm/components/BrandSquareIcon.js +0 -112
@@ -1,225 +1,259 @@
1
- import ke,{useState as Q,useEffect as Ee,useMemo as F,useCallback as ze}from"react";import{View as C,Text as I,ScrollView as Ne,TextInput as Ze,Dimensions as He,Platform as v,PixelRatio as _e,StatusBar as Qe,StyleSheet as et,NativeModules as j}from"react-native";import Se from"../TouchableScale";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as R}from"../../styles/AppFonts";import{useTranslation as tt}from"../../i18n";import{CpuIcon as St,WifiIcon as $t,ScreenIcon as Ct,LayersIcon as It,KeyIcon as Tt,SearchIcon as We,ClearIcon as Bt,CopyIcon as Ue,BoltIcon as Mt,AppleIcon as At,AndroidIcon as Dt,ExportIcon as Vt}from"../NetworkIcons";import{getNativeDeviceMetrics as Rt,getNativeSystemMetrics as kt}from"../../native/NativeInspector";import{copyToClipboard as Pe,getAppName as Et}from"../../helpers";import{showToast as Le}from"../../helpers/toast";import{LIB_VERSION as fe}from"../../constants";const S=ke.memo(({label:D,value:V,copyable:we=!0,badge:$,subtext:ee,isLast:Oe=!1})=>{const ve=V==null?"\u2014":typeof V=="boolean"?V?"Yes":"No":String(V);return<C style={[o.infoRow,Oe&&{borderBottomWidth:0}]}>
2
- <C style={{flex:1,paddingRight:8,minWidth:0}}>
3
- <C style={{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6}}>
4
- <I style={o.infoLabel}numberOfLines={2}>{D}</I>
5
- {$&&<C style={[o.infoBadge,{backgroundColor:$.bg,borderColor:`${$.color}33`}]}>
6
- <I style={[o.infoBadgeText,{color:$.color}]}>
7
- {$.text}
1
+ import Ve,{useState as oe,useEffect as Le,useMemo as F,useCallback as Pe}from"react";import{View as $,Text as I,ScrollView as Ee,TextInput as Xe,Dimensions as Ue,Platform as w,PixelRatio as ze,StatusBar as Ze,StyleSheet as Qe,NativeModules as q}from"react-native";import Z from"../TouchableScale";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as D}from"../../styles/AppFonts";import{useTranslation as et}from"../../i18n";import{CpuIcon as St,WifiIcon as Ct,ScreenIcon as $t,LayersIcon as Tt,KeyIcon as Oe,SearchIcon as He,ClearIcon as It,CopyIcon as Se,BoltIcon as Mt,AppleIcon as Bt,AndroidIcon as Dt,ExportIcon as At}from"../NetworkIcons";import{getNativeDeviceMetrics as Vt,getNativeSystemMetrics as Lt}from"../../native/NativeInspector";import{copyToClipboard as ae,getAppName as Rt}from"../../helpers";import{showToast as ie}from"../../helpers/toast";import{LIB_VERSION as le}from"../../constants";const S=Ve.memo(({label:A,value:V,copyable:fe=!0,badge:C,subtext:re,isLast:T=!1})=>{const ne=V==null?"\u2014":typeof V=="boolean"?V?"Yes":"No":typeof V=="number"?V.toLocaleString():String(V);return<$ style={[r.infoRow,T&&{borderBottomWidth:0}]}>
2
+ <$ style={{flex:1,paddingRight:8,minWidth:0}}>
3
+ <$ style={{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6}}>
4
+ <I style={r.infoLabel}numberOfLines={2}>{A}</I>
5
+ {C&&<$ style={[r.infoBadge,{backgroundColor:C.bg,borderColor:`${C.color}33`}]}>
6
+ <I style={[r.infoBadgeText,{color:C.color}]}>
7
+ {C.text}
8
8
  </I>
9
- </C>}
10
- </C>
11
- {ee&&<I style={o.infoSubtext}numberOfLines={2}>{ee}</I>}
12
- </C>
13
- <C style={{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0,maxWidth:"58%",justifyContent:"flex-end"}}>
14
- <I style={[o.infoValue,typeof V=="boolean"&&{color:V?e.emerald500:e.errorColor}]}numberOfLines={3}selectable>
15
- {ve}
9
+ </$>}
10
+ </$>
11
+ {re&&<I style={r.infoSubtext}numberOfLines={2}>{re}</I>}
12
+ </$>
13
+ <$ style={{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0,maxWidth:"58%",justifyContent:"flex-end"}}>
14
+ <I style={[r.infoValue,typeof V=="boolean"&&{color:V?e.emerald500:e.errorColor}]}numberOfLines={3}selectable>
15
+ {ne}
16
16
  </I>
17
- {we&&V!==null&&V!==void 0&&<Se hitSlop={8}onPress={()=>{Pe(ve,D),Le(`Copied ${D}`)}}style={o.rowCopyBtn}>
18
- <Ue size={11}color={e.grayTextWeak}/>
19
- </Se>}
20
- </C>
21
- </C>});export const DeviceInfoTab=ke.memo(()=>{const{t:D}=tt(),[V,we]=Q("overview"),[$,ee]=Q(""),[Oe,ve]=Q(!0),[w,Ge]=Q(null),[Fe,Je]=Q(null),[O,Ce]=Q("Detecting..."),[_,Ie]=Q("0s"),je=ke.useRef(Date.now()),xe=ze(async()=>{try{const[f,T]=await Promise.all([Rt(),kt()]);Ge(f),Je(T)}catch{}finally{ve(!1)}},[]);Ee(()=>{xe();const f=setInterval(xe,3e3);return()=>clearInterval(f)},[xe]),Ee(()=>{let f=!0;return(async()=>{try{const x=j?.PlatformConstants?.serverHost||j?.AndroidConstants?.serverHost||j?.DevSettings?.serverHost;if(x&&typeof x=="string"){const M=x.split(":")[0].replace(/https?:\/\//,"");if(M&&M!=="localhost"&&M!=="127.0.0.1"){f&&Ce(M);return}}}catch{}try{const x=new AbortController,M=setTimeout(()=>x.abort(),1200),K=await fetch("https://api.ipify.org?format=json",{signal:x.signal});if(clearTimeout(M),K.ok){const J=await K.json();if(J&&J.ip&&f){Ce(J.ip);return}}}catch{}f&&Ce(v.OS==="android"?"10.0.2.15 (Local)":"127.0.0.1 (Local)")})(),()=>{f=!1}},[]),Ee(()=>{const f=()=>{const x=Math.floor((Date.now()-je.current)/1e3),M=Math.floor(x/3600),K=Math.floor(x%3600/60),J=x%60;M>0?Ie(`${M}h ${K}m ${J}s`):K>0?Ie(`${K}m ${J}s`):Ie(`${J}s`)},T=setInterval(f,1e3);return f(),()=>clearInterval(T)},[]);const P=He.get("window"),k=He.get("screen"),B=_e.get(),Y=_e.getFontScale(),W=P.width>=600||P.height>=1e3,q=P.width>P.height,X=v.OS==="android"?Qe.currentHeight||24:P.height>=812?44:20,z=F(()=>{const f=`${v.OS}-${v.Version}-${k.width}x${k.height}-${B}-${v.constants?.Brand||"generic"}`;let T=0;for(let M=0;M<f.length;M++)T=(T<<5)-T+f.charCodeAt(M),T|=0;const x=Math.abs(T).toString(16).padStart(8,"0");return`UDID-${v.OS.toUpperCase()}-${x.slice(0,4)}-${x.slice(4,8)}-${Date.now().toString(16).slice(-4)}`.toUpperCase()},[k.width,k.height,B]),E=!!global?.HermesInternal,U=!!globalThis?.__turboModuleProxy,Z=F(()=>{const f=v.constants?.reactNativeVersion;return f?`${f.major}.${f.minor}.${f.patch}${f.prerelease!=null?`-${f.prerelease}`:""}`:"0.74+"},[]),A=w?.totalRAM?Math.round(w.totalRAM/(1024*1024)):Fe?.totalPhysicalRamMb||4096,L=w?.freeRAM?Math.round(w.freeRAM/(1024*1024)):Math.max(0,A-(Fe?.residentRamMb||1200)),G=Math.max(0,A-L),$e=A>0?Math.round(G/A*100):45,N=w?.totalStorage?(w.totalStorage/(1024*1024*1024)).toFixed(1):"128.0",H=w?.freeStorage?(w.freeStorage/(1024*1024*1024)).toFixed(1):"64.2",Ye=F(()=>[{key:"overview",label:D("device.subTabs.overview","Overview"),themeColor:e.sky600,icon:f=><It size={12}color={f}/>},{key:"hardware",label:D("device.subTabs.hardware","Hardware"),themeColor:e.orange600,icon:f=><St size={12}color={f}/>},{key:"network",label:D("device.subTabs.network","Network & IP"),themeColor:e.teal600,icon:f=><$t size={12}color={f}/>},{key:"display",label:D("device.subTabs.display","Display"),themeColor:e.pink600,icon:f=><Ct size={12}color={f}/>},{key:"runtime",label:D("device.subTabs.runtime","Runtime & App"),themeColor:e.amber600,icon:f=><Mt size={12}color={f}/>},{key:"security",label:D("device.subTabs.security","Security & IDs"),themeColor:e.errorColor,icon:f=><Tt size={12}color={f}/>}],[D]),r=F(()=>({identifiers:{pseudoUDID:z,bundleId:w?.appBundleId||w?.appPackageName||"com.app.inspector"},hardware:{model:w?.deviceModel||v.constants?.Model||"Unknown Device",brand:w?.deviceBrand||v.constants?.Brand||(v.OS==="ios"?"Apple":"Android"),osVersion:`${v.OS} ${v.Version}`,apiLevel:w?.apiLevel||v.constants?.Version||null,cpuAbi:w?.cpuAbi||v.constants?.ServerHost||"arm64-v8a",totalRamMb:A,freeRamMb:L,usedRamMb:G,totalStorageGb:`${N} GB`,freeStorageGb:`${H} GB`,batteryPercent:w?.batteryPercent??100,isCharging:w?.isCharging??!1},network:{ipAddress:O,isWifi:!0,reachability:"Online"},display:{windowWidth:P.width,windowHeight:P.height,screenWidth:k.width,screenHeight:k.height,pixelRatio:B,fontScale:Y,statusBarHeight:X,isTablet:W,orientation:q?"Landscape":"Portrait"},runtime:{appName:Et(),appVersion:w?.appVersion||"1.0.0",appBuild:w?.appBuild||"1",reactNativeVersion:Z,inspectorVersion:fe,isHermes:E,isTurboModule:U,isDev:__DEV__,jsEngine:E?"Hermes":"JSC",timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,locale:Intl.DateTimeFormat().resolvedOptions().locale,sessionUptime:_}}),[z,w,A,L,G,N,H,O,P,k,B,Y,X,W,q,Z,E,U,_]),Ke=()=>{Pe(JSON.stringify(r,null,2),"Device Full Report"),Le(D("device.copiedJson","Copied Full Device JSON Report!"))},qe=()=>{const f=`# Device Information Report
22
- **Generated by React Native In-App Inspector v${fe}**
17
+ {fe&&V!==null&&V!==void 0&&<Z hitSlop={8}onPress={()=>{ae(ne,A),ie(`Copied ${A}`)}}style={r.rowCopyBtn}>
18
+ <Se size={11}color={e.grayTextWeak}/>
19
+ </Z>}
20
+ </$>
21
+ </$>});export const DeviceInfoTab=Ve.memo(()=>{const{t:A}=et(),[V,fe]=oe("overview"),[C,re]=oe(""),[T,ne]=oe(null),[Re,Ne]=oe(null),[H,we]=oe("Detecting..."),[J,Ce]=oe("0s"),Fe=Ve.useRef(Date.now()),ve=Pe(async()=>{try{const[f,R]=await Promise.all([Vt(),Lt()]);ne(f),Ne(R)}catch{}},[]);Le(()=>{ve();const f=setInterval(ve,3e3);return()=>clearInterval(f)},[ve]),Le(()=>{let f=!0;return(async()=>{try{const M=q?.PlatformConstants?.serverHost||q?.AndroidConstants?.serverHost||q?.DevSettings?.serverHost;if(M&&typeof M=="string"){const B=M.split(":")[0].replace(/https?:\/\//,"");if(B&&B!=="localhost"&&B!=="127.0.0.1"){f&&we(B);return}}}catch{}try{const M=new AbortController,B=setTimeout(()=>M.abort(),1200),N=await fetch("https://api.ipify.org?format=json",{signal:M.signal});if(clearTimeout(B),N.ok){const G=await N.json();if(G&&G.ip&&f){we(G.ip);return}}}catch{}f&&we(w.OS==="android"?"10.0.2.15 (Local)":"127.0.0.1 (Local)")})(),()=>{f=!1}},[]),Le(()=>{const f=()=>{const M=Math.floor((Date.now()-Fe.current)/1e3),B=Math.floor(M/3600),N=Math.floor(M%3600/60),G=M%60;B>0?Ce(`${B}h ${N}m ${G}s`):N>0?Ce(`${N}m ${G}s`):Ce(`${G}s`)},R=setInterval(f,1e3);return f(),()=>clearInterval(R)},[]);const z=Ue.get("window"),E=Ue.get("screen"),L=ze.get(),X=ze.getFontScale(),j=z.width>=600||z.height>=1e3,Q=z.width>z.height,ee=w.OS==="android"?Ze.currentHeight||24:z.height>=812?44:20,k=F(()=>{const f=`${w.OS}-${w.Version}-${E.width}x${E.height}-${L}-${w.constants?.Brand||"generic"}-${w.constants?.Model||"device"}`;let R=3735928559,M=1103547991,B=305419896,N=2271560481;for(let Ae=0;Ae<f.length;Ae++){const de=f.charCodeAt(Ae);R=Math.imul(R^de,2654435761)>>>0,M=Math.imul(M^de,1597334677)>>>0,B=Math.imul(B^de,374761393)>>>0,N=Math.imul(N^de,668265263)>>>0}const G=R.toString(16).padStart(8,"0").toUpperCase(),je=(M&65535).toString(16).padStart(4,"0").toUpperCase(),Ye=(M>>>16&4095|16384).toString(16).padStart(4,"0").toUpperCase(),Ke=(B>>>16&16383|32768).toString(16).padStart(4,"0").toUpperCase(),qe=(B.toString(16).padStart(8,"0")+(N&65535).toString(16).padStart(4,"0")).slice(0,12).toUpperCase();return`${G}-${je}-${Ye}-${Ke}-${qe}`},[E.width,E.height,L]),U=!!global?.HermesInternal,Y=!!globalThis?.__turboModuleProxy,te=F(()=>{const f=w.constants?.reactNativeVersion;return f?`${f.major}.${f.minor}.${f.patch}${f.prerelease!=null?`-${f.prerelease}`:""}`:"0.74+"},[]),P=T?.totalRAM?Math.round(T.totalRAM/(1024*1024)):Re?.totalPhysicalRamMb||4096,O=T?.freeRAM?Math.round(T.freeRAM/(1024*1024)):Math.max(0,P-(Re?.residentRamMb||1200)),K=Math.max(0,P-O),se=P>0?Math.round(K/P*100):45,W=T?.totalStorage?(T.totalStorage/(1024*1024*1024)).toFixed(1):"128.0",_=T?.freeStorage?(T.freeStorage/(1024*1024*1024)).toFixed(1):"64.2",We=F(()=>[{key:"overview",label:A("device.subTabs.overview","Overview"),themeColor:e.sky600,icon:f=><Tt size={12}color={f}/>},{key:"hardware",label:A("device.subTabs.hardware","Hardware"),themeColor:e.orange600,icon:f=><St size={12}color={f}/>},{key:"network",label:A("device.subTabs.network","Network & IP"),themeColor:e.teal600,icon:f=><Ct size={12}color={f}/>},{key:"display",label:A("device.subTabs.display","Display"),themeColor:e.pink600,icon:f=><$t size={12}color={f}/>},{key:"runtime",label:A("device.subTabs.runtime","Runtime & App"),themeColor:e.amber600,icon:f=><Mt size={12}color={f}/>},{key:"security",label:A("device.subTabs.security","Security & IDs"),themeColor:e.errorColor,icon:f=><Oe size={12}color={f}/>}],[A]),o=F(()=>({identifiers:{pseudoUDID:k,bundleId:T?.appBundleId||T?.appPackageName||"com.app.inspector"},hardware:{model:T?.deviceModel||w.constants?.Model||"Unknown Device",brand:T?.deviceBrand||w.constants?.Brand||(w.OS==="ios"?"Apple":"Android"),osVersion:`${w.OS} ${w.Version}`,apiLevel:T?.apiLevel||w.constants?.Version||null,cpuAbi:T?.cpuAbi||w.constants?.ServerHost||"arm64-v8a",totalRamMb:P,freeRamMb:O,usedRamMb:K,totalStorageGb:`${W} GB`,freeStorageGb:`${_} GB`,batteryPercent:T?.batteryPercent??100,isCharging:T?.isCharging??!1},network:{ipAddress:H,isWifi:!0,reachability:"Online"},display:{windowWidth:z.width,windowHeight:z.height,screenWidth:E.width,screenHeight:E.height,pixelRatio:L,fontScale:X,statusBarHeight:ee,isTablet:j,orientation:Q?"Landscape":"Portrait"},runtime:{appName:Rt(),appVersion:T?.appVersion||"1.0.0",appBuild:T?.appBuild||"1",reactNativeVersion:te,inspectorVersion:le,isHermes:U,isTurboModule:Y,isDev:__DEV__,jsEngine:U?"Hermes":"JSC",timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,locale:Intl.DateTimeFormat().resolvedOptions().locale,sessionUptime:J}}),[k,T,P,O,K,W,_,H,z,E,L,X,ee,j,Q,te,U,Y,J]),_e=()=>{ae(JSON.stringify(o,null,2),"Device Full Report"),ie(A("device.copiedJson","Copied Full Device JSON Report!"))},Ge=()=>{const f=`# Device Information Report
22
+ **Generated by React Native In-App Inspector v${le}**
23
23
 
24
24
  ## \u{1F4F1} Hardware & System
25
- - **Device Model:** ${r.hardware.model}
26
- - **Brand / Manufacturer:** ${r.hardware.brand}
27
- - **OS Version:** ${r.hardware.osVersion}
28
- - **CPU Architecture:** ${r.hardware.cpuAbi}
29
- - **Total RAM:** ${A} MB (Free: ${L} MB)
30
- - **Total Storage:** ${N} GB (Free: ${H} GB)
31
- - **Battery:** ${r.hardware.batteryPercent}% (${r.hardware.isCharging?"Charging":"Unplugged"})
25
+ - **Device Model:** ${o.hardware.model}
26
+ - **Brand / Manufacturer:** ${o.hardware.brand}
27
+ - **OS Version:** ${o.hardware.osVersion}
28
+ - **CPU Architecture:** ${o.hardware.cpuAbi}
29
+ - **Total RAM:** ${P} MB (Free: ${O} MB)
30
+ - **Total Storage:** ${W} GB (Free: ${_} GB)
31
+ - **Battery:** ${o.hardware.batteryPercent}% (${o.hardware.isCharging?"Charging":"Unplugged"})
32
32
 
33
33
  ## \u{1F310} Network & Connectivity
34
- - **IP Address:** ${O}
34
+ - **IP Address:** ${H}
35
35
  - **Status:** Online
36
36
 
37
37
  ## \u{1F5A5} Display & Geometry
38
- - **Resolution:** ${k.width} \xD7 ${k.height} pt (@${B}x)
39
- - **Form Factor:** ${W?"Tablet":"Phone"} (${q?"Landscape":"Portrait"})
40
- - **Status Bar Height:** ${X} pt
38
+ - **Resolution:** ${E.width} \xD7 ${E.height} pt (@${L}x)
39
+ - **Form Factor:** ${j?"Tablet":"Phone"} (${Q?"Landscape":"Portrait"})
40
+ - **Status Bar Height:** ${ee} pt
41
41
 
42
42
  ## \u2699\uFE0F Runtime & App
43
- - **App Name:** ${r.runtime.appName}
44
- - **App Version:** ${r.runtime.appVersion} (${r.runtime.appBuild})
45
- - **React Native:** v${Z}
46
- - **JS Engine:** ${E?"Hermes":"JSC"} (Bridgeless TurboModule: ${U?"Yes":"No"})
43
+ - **App Name:** ${o.runtime.appName}
44
+ - **App Version:** ${o.runtime.appVersion} (${o.runtime.appBuild})
45
+ - **React Native:** v${te}
46
+ - **JS Engine:** ${U?"Hermes":"JSC"} (Bridgeless TurboModule: ${Y?"Yes":"No"})
47
47
  - **Environment:** ${__DEV__?"Development (__DEV__)":"Production (Release)"}
48
- - **Timezone:** ${r.runtime.timezone}
49
- - **Session Uptime:** ${_}
48
+ - **Timezone:** ${o.runtime.timezone}
49
+ - **Session Uptime:** ${J}
50
50
 
51
51
  ## \u{1F511} Identifiers & Security
52
- - **Pseudo-UDID:** \`${z}\`
53
- - **Bundle ID:** \`${r.identifiers.bundleId}\`
54
- `;Pe(f,"Device Markdown Report"),Le(D("device.copiedMarkdown","Copied Markdown Report to Clipboard!"))},t=ze((f,T,x)=>{if(!$.trim())return!0;const M=$.toLowerCase().trim(),K=T!=null?typeof T=="object"?JSON.stringify(T):String(T):"",J=x!=null?String(x):"";return f.toLowerCase().includes(M)||K.toLowerCase().includes(M)||J.toLowerCase().includes(M)},[$]),Te=F(()=>$.trim()?t("Model",w?.deviceModel||v.constants?.Model)||t("OS",v.OS)||t("IP Address",O)||t("RAM",`${G}/${A}`)||t("Uptime",_):!0,[$,t,w,O,G,A,_]),Be=F(()=>$.trim()?t("Device Model",r.hardware.model)||t("Manufacturer",r.hardware.brand)||t("Operating System",r.hardware.osVersion)||t("IP Address",O)||t("RAM Memory",`${G} MB / ${A} MB (${$e}%)`,`Free Memory: ${L} MB`)||t("Storage Capacity",`${H} GB Free / ${N} GB Total`)||t("App Version",`v${r.runtime.appVersion} (${r.runtime.appBuild})`)||t("JavaScript Engine",E?"Hermes Bytecode Engine":"JavaScriptCore (JSC)")||t("UDID Identifier",z):!0,[$,t,r,O,G,A,$e,L,H,N,E,z]),Me=F(()=>$.trim()?t("CPU Architecture",r.hardware.cpuAbi)||t("Total RAM",`${A} MB`)||t("Free RAM",`${L} MB`)||t("Storage Capacity",`${N} GB`)||t("Available Storage",`${H} GB`)||t("Battery",`${w?.batteryPercent??100}%`)||t("API Level",`API ${w?.apiLevel||v.Version}`)||t("Thermal State","Nominal (Cool)"):!0,[$,t,r,A,L,N,H,w]),Ae=F(()=>$.trim()?t("IP Address",O)||t("Internet Reachability","Connected")||t("Connection Type","Wi-Fi / Local Area Network")||t("Metro Dev Server",j?.PlatformConstants?.serverHost||j?.AndroidConstants?.serverHost||"localhost:8081")||t("WebSocket Protocol","Active & Enabled")||t("Network Inspector Interceptor","Intercepting XHR & Fetch"):!0,[$,t,O]),De=F(()=>$.trim()?t("Window Resolution",`${P.width.toFixed(0)} \xD7 ${P.height.toFixed(0)} pt`)||t("Screen Physical Size",`${(k.width*B).toFixed(0)} \xD7 ${(k.height*B).toFixed(0)} px`)||t("Pixel Density",`@${B}x (${Math.round(B*160)} dpi)`)||t("Font Scale",`${Y}x`)||t("Form Factor",W?"Tablet":"Smartphone")||t("Orientation",q?"Landscape":"Portrait")||t("Status Bar Height",`${X} pt`):!0,[$,t,P,k,B,Y,W,q,X]),Ve=F(()=>$.trim()?t("App Name",r.runtime.appName)||t("Bundle ID",r.identifiers.bundleId)||t("App Version",`v${r.runtime.appVersion} (${r.runtime.appBuild})`)||t("React Native",`v${Z}`)||t("In-App Inspector Version",`v${fe}`)||t("Hermes Engine",E?"Enabled (AOT Bytecode)":"Disabled (JSC)")||t("New Architecture",U?"Enabled":"Legacy Bridge")||t("Build Type",__DEV__?"Debug (__DEV__ = true)":"Release / Production")||t("Timezone",r.runtime.timezone)||t("Locale",r.runtime.locale)||t("Session Uptime",_):!0,[$,t,r,Z,E,U,_]),Re=F(()=>$.trim()?t("Pseudo-UDID",z)||t("Bundle ID",r.identifiers.bundleId)||t("Root / Jailbreak","Clean (Standard Sandbox)")||t("Simulator / Emulator",v.constants?.Model?.includes?.("sdk")||v.constants?.Model?.includes?.("Emulator")||v.constants?.Model?.includes?.("Simulator")?"Virtual Simulator":"Physical Device")||t("Sandbox Integrity","Enforced by OS Kernel"):!0,[$,t,z,r]),Xe=F(()=>$.trim()?Te||Be||Me||Ae||De||Ve||Re:!0,[$,Te,Be,Me,Ae,De,Ve,Re]);return<C style={o.container}>
52
+ - **Pseudo-UDID:** \`${k}\`
53
+ - **Bundle ID:** \`${o.identifiers.bundleId}\`
54
+ `;ae(f,"Device Markdown Report"),ie(A("device.copiedMarkdown","Copied Markdown Report to Clipboard!"))},t=Pe((f,R,M)=>{if(!C.trim())return!0;const B=C.toLowerCase().trim(),N=R!=null?typeof R=="object"?JSON.stringify(R):String(R):"",G=M!=null?String(M):"";return f.toLowerCase().includes(B)||N.toLowerCase().includes(B)||G.toLowerCase().includes(B)},[C]),$e=F(()=>C.trim()?t("Model",T?.deviceModel||w.constants?.Model)||t("OS",w.OS)||t("IP Address",H)||t("RAM",`${K.toLocaleString()}/${P.toLocaleString()}`)||t("Uptime",J):!0,[C,t,T,H,K,P,J]),Te=F(()=>C.trim()?t("Device Model",o.hardware.model)||t("Manufacturer",o.hardware.brand)||t("Operating System",o.hardware.osVersion)||t("IP Address",H)||t("RAM Memory",`${K.toLocaleString()} MB / ${P.toLocaleString()} MB (${se}%)`,`Free Memory: ${O.toLocaleString()} MB`)||t("Storage Capacity",`${_} GB Free / ${W} GB Total`)||t("App Version",`v${o.runtime.appVersion} (${o.runtime.appBuild})`)||t("JavaScript Engine",U?"Hermes Bytecode Engine":"JavaScriptCore (JSC)")||t("UDID Identifier",k):!0,[C,t,o,H,K,P,se,O,_,W,U,k]),xe=F(()=>C.trim()?t("CPU Architecture",o.hardware.cpuAbi)||t("Total RAM",`${P.toLocaleString()} MB`)||t("Free RAM",`${O.toLocaleString()} MB`)||t("Storage Capacity",`${W} GB`)||t("Available Storage",`${_} GB`)||t("Battery",`${T?.batteryPercent??100}%`)||t("API Level",`API ${T?.apiLevel||w.Version}`)||t("Thermal State","Nominal (Cool)"):!0,[C,t,o,P,O,W,_,T]),Ie=F(()=>C.trim()?t("IP Address",H)||t("Internet Reachability","Connected")||t("Connection Type","Wi-Fi / Local Area Network")||t("Metro Dev Server",q?.PlatformConstants?.serverHost||q?.AndroidConstants?.serverHost||"localhost:8081")||t("WebSocket Protocol","Active & Enabled")||t("Network Inspector Interceptor","Intercepting XHR & Fetch"):!0,[C,t,H]),Me=F(()=>C.trim()?t("Window Resolution",`${Math.round(z.width).toLocaleString()} \xD7 ${Math.round(z.height).toLocaleString()} pt`)||t("Screen Physical Size",`${Math.round(E.width*L).toLocaleString()} \xD7 ${Math.round(E.height*L).toLocaleString()} px`)||t("Pixel Density",`@${L}x (${Math.round(L*160).toLocaleString()} dpi)`)||t("Font Scale",`${X}x`)||t("Form Factor",j?"Tablet":"Smartphone")||t("Orientation",Q?"Landscape":"Portrait")||t("Status Bar Height",`${ee} pt`):!0,[C,t,z,E,L,X,j,Q,ee]),Be=F(()=>C.trim()?t("App Name",o.runtime.appName)||t("Bundle ID",o.identifiers.bundleId)||t("App Version",`v${o.runtime.appVersion} (${o.runtime.appBuild})`)||t("React Native",`v${te}`)||t("In-App Inspector Version",`v${le}`)||t("Hermes Engine",U?"Enabled (AOT Bytecode)":"Disabled (JSC)")||t("New Architecture",Y?"Enabled":"Legacy Bridge")||t("Build Type",__DEV__?"Debug (__DEV__ = true)":"Release / Production")||t("Timezone",o.runtime.timezone)||t("Locale",o.runtime.locale)||t("Session Uptime",J):!0,[C,t,o,te,U,Y,J]),De=F(()=>C.trim()?t("Pseudo-UDID",k)||t("Bundle ID",o.identifiers.bundleId)||t("Root / Jailbreak","Clean (Standard Sandbox)")||t("Simulator / Emulator",w.constants?.Model?.includes?.("sdk")||w.constants?.Model?.includes?.("Emulator")||w.constants?.Model?.includes?.("Simulator")?"Virtual Simulator":"Physical Device")||t("Sandbox Integrity","Enforced by OS Kernel"):!0,[C,t,k,o]),Je=F(()=>C.trim()?$e||Te||xe||Ie||Me||Be||De:!0,[C,$e,Te,xe,Ie,Me,Be,De]);return<$ style={r.container}>
55
55
 
56
- <C style={o.actionBar}>
57
- <C style={o.searchBar}>
58
- <We size={14}color={e.grayTextWeak}/>
59
- <Ze value={$}onChangeText={ee}placeholder={D("device.searchPlaceholder","Search specs, UDID, IP, screen...")}placeholderTextColor={e.grayTextWeak}style={o.searchInput}clearButtonMode="while-editing"/>
60
- {$.length>0&&<Se onPress={()=>ee("")}hitSlop={8}>
61
- <Bt size={13}color={e.grayTextWeak}/>
62
- </Se>}
63
- </C>
64
-
65
- <Se onPress={Ke}style={o.exportButton}hitSlop={6}>
66
- <Vt size={12}color={e.purple}/>
67
- <I style={o.exportButtonText}>JSON</I>
68
- </Se>
69
-
70
- <Se onPress={qe}style={[o.exportButton,{backgroundColor:`${e.emerald500}14`,borderColor:`${e.emerald500}33`}]}hitSlop={6}>
71
- <Ue size={12}color={e.emerald500}/>
72
- <I style={[o.exportButtonText,{color:e.emerald500}]}>MD</I>
73
- </Se>
74
- </C>
56
+ <$ style={r.actionBar}>
57
+ <$ style={r.searchBar}>
58
+ <He size={14}color={e.grayTextWeak}/>
59
+ <Xe value={C}onChangeText={re}placeholder={A("device.searchPlaceholder","Search specs, UDID, IP, screen...")}placeholderTextColor={e.grayTextWeak}style={r.searchInput}clearButtonMode="while-editing"/>
60
+ {C.length>0&&<Z onPress={()=>re("")}hitSlop={8}>
61
+ <It size={13}color={e.grayTextWeak}/>
62
+ </Z>}
63
+ </$>
64
+
65
+ <Z onPress={_e}style={r.exportButton}hitSlop={6}>
66
+ <At size={12}color={e.purple}/>
67
+ <I style={r.exportButtonText}>JSON</I>
68
+ </Z>
69
+
70
+ <Z onPress={Ge}style={[r.exportButton,{backgroundColor:`${e.emerald500}14`,borderColor:`${e.emerald500}33`}]}hitSlop={6}>
71
+ <Se size={12}color={e.emerald500}/>
72
+ <I style={[r.exportButtonText,{color:e.emerald500}]}>MD</I>
73
+ </Z>
74
+ </$>
75
75
 
76
76
 
77
- <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
78
- <Ne horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
79
- {Ye.map(f=>{const T=V===f.key,x=f.themeColor||e.purple,M=T?e.white:x;return<Se key={f.key}onPress={()=>we(f.key)}>
80
- <C style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:T?x:`${x}12`,borderWidth:1,borderColor:T?x:`${x}30`,gap:5}}>
81
- {f.icon(M)}
82
- <I style={{fontFamily:R.interBold,fontSize:10.5,color:T?e.white:e.primaryBlack}}>
77
+ <$ style={r.subTabsWrapper}>
78
+ <Ee horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={r.subTabsContainer}>
79
+ {We.map(f=>{const R=V===f.key,M=f.themeColor||e.purple,B=R?e.white:M;return<Z key={f.key}onPress={()=>fe(f.key)}>
80
+ <$ style={[r.subTabPill,R&&{backgroundColor:M,borderColor:M},!R&&{backgroundColor:`${M}12`,borderColor:`${M}30`}]}>
81
+ {f.icon(B)}
82
+ <I style={[r.subTabPillText,R&&{color:e.white},!R&&{color:e.primaryBlack}]}>
83
83
  {f.label}
84
84
  </I>
85
- </C>
86
- </Se>})}
87
- </Ne>
88
- </C>
85
+ </$>
86
+ </Z>})}
87
+ </Ee>
88
+ </$>
89
89
 
90
90
 
91
- <Ne style={o.scrollArea}contentContainerStyle={o.scrollContent}showsVerticalScrollIndicator={!1}>
91
+ <Ee style={r.scrollArea}contentContainerStyle={r.scrollContent}showsVerticalScrollIndicator={!1}>
92
+
93
+ {(!C.trim()||t("UDID Identifier",k)||t("UUID",k)||t("Device UUID",k))&&<$ style={r.featuredUuidCard}>
94
+ <$ style={r.featuredUuidHeader}>
95
+ <$ style={r.featuredUuidTitleRow}>
96
+ <$ style={r.featuredUuidIconWrap}>
97
+ <Oe size={14}color={e.white}/>
98
+ </$>
99
+ <$ style={{flex:1,minWidth:0}}>
100
+ <$ style={{flexDirection:"row",alignItems:"center",gap:6}}>
101
+ <I style={r.featuredUuidLabel}>DEVICE UUID</I>
102
+ <$ style={r.featuredBadge}>
103
+ <I style={r.featuredBadgeText}>FEATURED</I>
104
+ </$>
105
+ </$>
106
+ <I style={r.featuredUuidSubtext}>
107
+ Deterministic hardware pseudo-identifier
108
+ </I>
109
+ </$>
110
+ </$>
111
+
112
+ <Z onPress={()=>{ae(k,"Device UUID"),ie(A("device.copiedUuid","Copied Device UUID to clipboard!"))}}style={r.featuredCopyBtn}hitSlop={6}accessibilityRole="button"accessibilityLabel="Copy Device UUID">
113
+ <Se size={11}color={e.white}/>
114
+ <I style={r.featuredCopyBtnText}>Copy</I>
115
+ </Z>
116
+ </$>
117
+
118
+ <Z onPress={()=>{ae(k,"Device UUID"),ie(A("device.copiedUuid","Copied Device UUID to clipboard!"))}}style={r.featuredUuidValueBox}hitSlop={4}accessibilityRole="button"accessibilityLabel="Tap to copy UUID">
119
+ <I style={r.featuredUuidValueText}numberOfLines={1}ellipsizeMode="middle"selectable>
120
+ {k}
121
+ </I>
122
+ <Se size={12}color={e.brandPurple}/>
123
+ </Z>
124
+ </$>}
125
+
92
126
 
93
- {(!$.trim()||Te)&&<C style={o.heroCard}>
94
- <C style={o.heroHeader}>
95
- <C style={o.heroIconWrap}>
96
- {v.OS==="ios"?<At size={20}color={e.white}/>:<Dt size={20}color={e.white}/>}
97
- </C>
98
- <C style={{flex:1,minWidth:0}}>
99
- <I style={o.heroTitle}numberOfLines={1}ellipsizeMode="tail">
100
- {w?.deviceModel||v.constants?.Model||(v.OS==="ios"?"Apple iPhone":"Android Device")}
127
+ {(!C.trim()||$e)&&<$ style={r.heroCard}>
128
+ <$ style={r.heroHeader}>
129
+ <$ style={r.heroIconWrap}>
130
+ {w.OS==="ios"?<Bt size={20}color={e.white}/>:<Dt size={20}color={e.white}/>}
131
+ </$>
132
+ <$ style={{flex:1,minWidth:0}}>
133
+ <I style={r.heroTitle}numberOfLines={1}ellipsizeMode="tail">
134
+ {T?.deviceModel||w.constants?.Model||(w.OS==="ios"?"Apple iPhone":"Android Device")}
101
135
  </I>
102
- <I style={o.heroSubtitle}numberOfLines={1}ellipsizeMode="tail">
103
- {v.OS==="ios"?`iOS ${v.Version}`:`Android ${v.Version} (API ${w?.apiLevel||v.Version})`}
136
+ <I style={r.heroSubtitle}numberOfLines={1}ellipsizeMode="tail">
137
+ {w.OS==="ios"?`iOS ${w.Version}`:`Android ${w.Version} (API ${T?.apiLevel||w.Version})`}
104
138
  </I>
105
- </C>
106
- <C style={o.heroBadge}>
107
- <C style={o.pulseDot}/>
108
- <I style={o.heroBadgeText}>LIVE</I>
109
- </C>
110
- </C>
139
+ </$>
140
+ <$ style={r.heroBadge}>
141
+ <$ style={r.pulseDot}/>
142
+ <I style={r.heroBadgeText}>LIVE</I>
143
+ </$>
144
+ </$>
111
145
 
112
146
 
113
- <C style={o.heroMetricsStrip}>
114
- <C style={o.heroMetricItem}>
115
- <I style={o.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">{D("device.ipAddress","IP ADDRESS")}</I>
116
- <I style={o.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">
117
- {O}
147
+ <$ style={r.heroMetricsStrip}>
148
+ <$ style={r.heroMetricItem}>
149
+ <I style={r.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">{A("device.ipAddress","IP ADDRESS")}</I>
150
+ <I style={r.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">
151
+ {H}
118
152
  </I>
119
- </C>
120
- <C style={o.heroMetricDivider}/>
121
- <C style={o.heroMetricItem}>
122
- <I style={o.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">{D("device.ramUsedTotal","RAM (USED/TOTAL)")}</I>
123
- <I style={o.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">
124
- {G}/{A} MB
153
+ </$>
154
+ <$ style={r.heroMetricDivider}/>
155
+ <$ style={r.heroMetricItem}>
156
+ <I style={r.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">{A("device.ramUsedTotal","RAM (USED/TOTAL)")}</I>
157
+ <I style={r.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">
158
+ {K.toLocaleString()}/{P.toLocaleString()} MB
125
159
  </I>
126
- </C>
127
- <C style={o.heroMetricDivider}/>
128
- <C style={o.heroMetricItem}>
129
- <I style={o.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">{D("device.uptime","UPTIME")}</I>
130
- <I style={o.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">{_}</I>
131
- </C>
132
- </C>
133
- </C>}
160
+ </$>
161
+ <$ style={r.heroMetricDivider}/>
162
+ <$ style={r.heroMetricItem}>
163
+ <I style={r.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">{A("device.uptime","UPTIME")}</I>
164
+ <I style={r.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">{J}</I>
165
+ </$>
166
+ </$>
167
+ </$>}
134
168
 
135
169
 
136
- {(V==="overview"||$.length>0)&&Be&&<C style={o.sectionCard}>
137
- <I style={o.sectionTitle}>DEVICE OVERVIEW</I>
138
- {t("Device Model",r.hardware.model)&&<S label="Device Model"value={r.hardware.model}/>}
139
- {t("Manufacturer",r.hardware.brand)&&<S label="Manufacturer / Brand"value={r.hardware.brand}/>}
140
- {t("Operating System",r.hardware.osVersion)&&<S label="Operating System"value={r.hardware.osVersion}badge={{text:v.OS.toUpperCase(),color:e.blue500,bg:`${e.blue500}18`}}/>}
141
- {t("IP Address",O)&&<S label="Local IP Address"value={O}badge={{text:"ONLINE",color:e.emerald500,bg:`${e.emerald500}18`}}/>}
142
- {t("RAM Memory",`${G} MB / ${A} MB (${$e}%)`,`Free Memory: ${L} MB`)&&<S label="RAM Memory"value={`${G} MB / ${A} MB (${$e}%)`}subtext={`Free Memory: ${L} MB`}/>}
143
- {t("Storage Capacity",`${H} GB Free / ${N} GB Total`)&&<S label="Internal Storage"value={`${H} GB Free / ${N} GB Total`}/>}
144
- {t("App Version",`v${r.runtime.appVersion} (${r.runtime.appBuild})`)&&<S label="Host App Version"value={`v${r.runtime.appVersion} (${r.runtime.appBuild})`}/>}
145
- {t("JavaScript Engine",E?"Hermes Bytecode Engine":"JavaScriptCore (JSC)")&&<S label="JS Runtime Engine"value={E?"Hermes Bytecode Engine":"JavaScriptCore (JSC)"}badge={E?{text:"HERMES",color:e.purple,bg:`${e.purple}18`}:{text:"JSC",color:e.sky500,bg:`${e.sky500}18`}}/>}
146
- {t("UDID Identifier",z)&&<S label="Pseudo-UDID"value={z}isLast/>}
147
- </C>}
170
+ {(V==="overview"||C.length>0)&&Te&&<$ style={r.sectionCard}>
171
+ <I style={r.sectionTitle}>DEVICE OVERVIEW</I>
172
+ {t("Device Model",o.hardware.model)&&<S label="Device Model"value={o.hardware.model}/>}
173
+ {t("Manufacturer",o.hardware.brand)&&<S label="Manufacturer / Brand"value={o.hardware.brand}/>}
174
+ {t("Operating System",o.hardware.osVersion)&&<S label="Operating System"value={o.hardware.osVersion}badge={{text:w.OS.toUpperCase(),color:e.blue500,bg:`${e.blue500}18`}}/>}
175
+ {t("IP Address",H)&&<S label="Local IP Address"value={H}badge={{text:"ONLINE",color:e.emerald500,bg:`${e.emerald500}18`}}/>}
176
+ {t("RAM Memory",`${K.toLocaleString()} MB / ${P.toLocaleString()} MB (${se}%)`,`Free Memory: ${O.toLocaleString()} MB`)&&<S label="RAM Memory"value={`${K.toLocaleString()} MB / ${P.toLocaleString()} MB (${se}%)`}subtext={`Free Memory: ${O.toLocaleString()} MB`}/>}
177
+ {t("Storage Capacity",`${_} GB Free / ${W} GB Total`)&&<S label="Internal Storage"value={`${_} GB Free / ${W} GB Total`}/>}
178
+ {t("App Version",`v${o.runtime.appVersion} (${o.runtime.appBuild})`)&&<S label="Host App Version"value={`v${o.runtime.appVersion} (${o.runtime.appBuild})`}/>}
179
+ {t("JavaScript Engine",U?"Hermes Bytecode Engine":"JavaScriptCore (JSC)")&&<S label="JS Runtime Engine"value={U?"Hermes Bytecode Engine":"JavaScriptCore (JSC)"}badge={U?{text:"HERMES",color:e.purple,bg:`${e.purple}18`}:{text:"JSC",color:e.sky500,bg:`${e.sky500}18`}}/>}
180
+ {t("UDID Identifier",k)&&<S label="Pseudo-UDID"value={k}isLast/>}
181
+ </$>}
148
182
 
149
183
 
150
- {(V==="hardware"||$.length>0)&&Me&&<C style={o.sectionCard}>
151
- <I style={o.sectionTitle}>HARDWARE & SYSTEM SPECIFICATIONS</I>
152
- {t("CPU Architecture",r.hardware.cpuAbi)&&<S label="CPU Architecture / ABI"value={r.hardware.cpuAbi}badge={{text:"64-BIT",color:e.purple,bg:`${e.purple}18`}}/>}
153
- {t("Total RAM",`${A} MB`)&&<S label="Total Physical RAM"value={`${A} MB`}/>}
154
- {t("Free RAM",`${L} MB`)&&<S label="Available Free RAM"value={`${L} MB`}badge={{text:L<500?"LOW":"HEALTHY",color:L<500?e.errorColor:e.emerald500,bg:L<500?`${e.errorColor}18`:`${e.emerald500}18`}}/>}
155
- {t("Storage Capacity",`${N} GB`)&&<S label="Disk Storage Total"value={`${N} GB`}/>}
156
- {t("Available Storage",`${H} GB`)&&<S label="Disk Storage Available"value={`${H} GB`}/>}
157
- {t("Battery",`${w?.batteryPercent??100}%`)&&<S label="Battery Level"value={`${w?.batteryPercent??100}%`}badge={{text:w?.isCharging?"CHARGING":"DISCHARGING",color:w?.isCharging?e.emerald500:e.grayText,bg:w?.isCharging?`${e.emerald500}18`:`${e.grayText}18`}}/>}
158
- {t("API Level",`API ${w?.apiLevel||v.Version}`)&&v.OS==="android"&&<S label="Android API SDK Level"value={`API ${w?.apiLevel||v.Version}`}/>}
184
+ {(V==="hardware"||C.length>0)&&xe&&<$ style={r.sectionCard}>
185
+ <I style={r.sectionTitle}>HARDWARE & SYSTEM SPECIFICATIONS</I>
186
+ {t("CPU Architecture",o.hardware.cpuAbi)&&<S label="CPU Architecture / ABI"value={o.hardware.cpuAbi}badge={{text:"64-BIT",color:e.purple,bg:`${e.purple}18`}}/>}
187
+ {t("Total RAM",`${P.toLocaleString()} MB`)&&<S label="Total Physical RAM"value={`${P.toLocaleString()} MB`}/>}
188
+ {t("Free RAM",`${O.toLocaleString()} MB`)&&<S label="Available Free RAM"value={`${O.toLocaleString()} MB`}badge={{text:O<500?"LOW":"HEALTHY",color:O<500?e.errorColor:e.emerald500,bg:O<500?`${e.errorColor}18`:`${e.emerald500}18`}}/>}
189
+ {t("Storage Capacity",`${W} GB`)&&<S label="Disk Storage Total"value={`${W} GB`}/>}
190
+ {t("Available Storage",`${_} GB`)&&<S label="Disk Storage Available"value={`${_} GB`}/>}
191
+ {t("Battery",`${T?.batteryPercent??100}%`)&&<S label="Battery Level"value={`${T?.batteryPercent??100}%`}badge={{text:T?.isCharging?"CHARGING":"DISCHARGING",color:T?.isCharging?e.emerald500:e.grayText,bg:T?.isCharging?`${e.emerald500}18`:`${e.grayText}18`}}/>}
192
+ {t("API Level",`API ${T?.apiLevel||w.Version}`)&&w.OS==="android"&&<S label="Android API SDK Level"value={`API ${T?.apiLevel||w.Version}`}/>}
159
193
  {t("Thermal State","Nominal (Cool)")&&<S label="Thermal State"value="Nominal (Cool)"badge={{text:"OPTIMAL",color:e.emerald500,bg:`${e.emerald500}18`}}isLast/>}
160
- </C>}
194
+ </$>}
161
195
 
162
196
 
163
- {(V==="network"||$.length>0)&&Ae&&<C style={o.sectionCard}>
164
- <I style={o.sectionTitle}>NETWORK & CONNECTIVITY</I>
165
- {t("IP Address",O)&&<S label="Local Device IP"value={O}badge={{text:"IPV4",color:e.blue500,bg:`${e.blue500}18`}}/>}
197
+ {(V==="network"||C.length>0)&&Ie&&<$ style={r.sectionCard}>
198
+ <I style={r.sectionTitle}>NETWORK & CONNECTIVITY</I>
199
+ {t("IP Address",H)&&<S label="Local Device IP"value={H}badge={{text:"IPV4",color:e.blue500,bg:`${e.blue500}18`}}/>}
166
200
  {t("Internet Reachability","Connected")&&<S label="Internet Reachability"value="Connected"badge={{text:"ONLINE",color:e.emerald500,bg:`${e.emerald500}18`}}/>}
167
201
  {t("Connection Type","Wi-Fi / Local Area Network")&&<S label="Active Connection Type"value="Wi-Fi / Local Area Network"/>}
168
- {t("Metro Dev Server",j?.PlatformConstants?.serverHost||j?.AndroidConstants?.serverHost||"localhost:8081")&&<S label="Metro Packager Host"value={j?.PlatformConstants?.serverHost||j?.AndroidConstants?.serverHost||"localhost:8081"}/>}
202
+ {t("Metro Dev Server",q?.PlatformConstants?.serverHost||q?.AndroidConstants?.serverHost||"localhost:8081")&&<S label="Metro Packager Host"value={q?.PlatformConstants?.serverHost||q?.AndroidConstants?.serverHost||"localhost:8081"}/>}
169
203
  {t("WebSocket Protocol","Active & Enabled")&&<S label="WebSocket (WSS) Support"value="Active & Enabled"/>}
170
204
  {t("Network Inspector Interceptor","Intercepting XHR & Fetch")&&<S label="Network Interceptor Status"value="Intercepting XHR & Fetch"badge={{text:"MONITORING",color:e.purple,bg:`${e.purple}18`}}isLast/>}
171
- </C>}
205
+ </$>}
172
206
 
173
207
 
174
- {(V==="display"||$.length>0)&&De&&<C style={o.sectionCard}>
175
- <I style={o.sectionTitle}>DISPLAY & SCREEN GEOMETRY</I>
176
- {t("Window Resolution",`${P.width.toFixed(0)} \xD7 ${P.height.toFixed(0)} pt`)&&<S label="Window Logical Size"value={`${P.width.toFixed(0)} \xD7 ${P.height.toFixed(0)} pt`}/>}
177
- {t("Screen Physical Size",`${(k.width*B).toFixed(0)} \xD7 ${(k.height*B).toFixed(0)} px`)&&<S label="Physical Screen Size"value={`${(k.width*B).toFixed(0)} \xD7 ${(k.height*B).toFixed(0)} px`}/>}
178
- {t("Pixel Density",`@${B}x (${Math.round(B*160)} dpi)`)&&<S label="Pixel Ratio (DPI Scale)"value={`@${B}x (${Math.round(B*160)} dpi)`}badge={{text:`@${B}x`,color:e.purple,bg:`${e.purple}18`}}/>}
179
- {t("Font Scale",`${Y}x`)&&<S label="User Font Scale"value={`${Y}x (${Y===1?"Default":Y>1?"Enlarged":"Compact"})`}/>}
180
- {t("Form Factor",W?"Tablet":"Smartphone")&&<S label="Device Form Factor"value={W?"Tablet":"Smartphone"}badge={{text:W?"TABLET":"PHONE",color:W?e.blue500:e.purple,bg:W?`${e.blue500}18`:`${e.purple}18`}}/>}
181
- {t("Orientation",q?"Landscape":"Portrait")&&<S label="Screen Orientation"value={q?"Landscape":"Portrait"}/>}
182
- {t("Status Bar Height",`${X} pt`)&&<S label="Status Bar Inset"value={`${X} pt`}isLast/>}
183
- </C>}
208
+ {(V==="display"||C.length>0)&&Me&&<$ style={r.sectionCard}>
209
+ <I style={r.sectionTitle}>DISPLAY & SCREEN GEOMETRY</I>
210
+ {t("Window Resolution",`${Math.round(z.width).toLocaleString()} \xD7 ${Math.round(z.height).toLocaleString()} pt`)&&<S label="Window Logical Size"value={`${Math.round(z.width).toLocaleString()} \xD7 ${Math.round(z.height).toLocaleString()} pt`}/>}
211
+ {t("Screen Physical Size",`${Math.round(E.width*L).toLocaleString()} \xD7 ${Math.round(E.height*L).toLocaleString()} px`)&&<S label="Physical Screen Size"value={`${Math.round(E.width*L).toLocaleString()} \xD7 ${Math.round(E.height*L).toLocaleString()} px`}/>}
212
+ {t("Pixel Density",`@${L}x (${Math.round(L*160).toLocaleString()} dpi)`)&&<S label="Pixel Ratio (DPI Scale)"value={`@${L}x (${Math.round(L*160).toLocaleString()} dpi)`}badge={{text:`@${L}x`,color:e.purple,bg:`${e.purple}18`}}/>}
213
+ {t("Font Scale",`${X}x`)&&<S label="User Font Scale"value={`${X}x (${X===1?"Default":X>1?"Enlarged":"Compact"})`}/>}
214
+ {t("Form Factor",j?"Tablet":"Smartphone")&&<S label="Device Form Factor"value={j?"Tablet":"Smartphone"}badge={{text:j?"TABLET":"PHONE",color:j?e.blue500:e.purple,bg:j?`${e.blue500}18`:`${e.purple}18`}}/>}
215
+ {t("Orientation",Q?"Landscape":"Portrait")&&<S label="Screen Orientation"value={Q?"Landscape":"Portrait"}/>}
216
+ {t("Status Bar Height",`${ee} pt`)&&<S label="Status Bar Inset"value={`${ee} pt`}isLast/>}
217
+ </$>}
184
218
 
185
219
 
186
- {(V==="runtime"||$.length>0)&&Ve&&<C style={o.sectionCard}>
187
- <I style={o.sectionTitle}>RUNTIME & APPLICATION</I>
188
- {t("App Name",r.runtime.appName)&&<S label="Application Name"value={r.runtime.appName}/>}
189
- {t("Bundle ID",r.identifiers.bundleId)&&<S label="Bundle Identifier / Package"value={r.identifiers.bundleId}/>}
190
- {t("App Version",`v${r.runtime.appVersion} (${r.runtime.appBuild})`)&&<S label="Application Version"value={`v${r.runtime.appVersion} (${r.runtime.appBuild})`}/>}
191
- {t("React Native",`v${Z}`)&&<S label="React Native Framework"value={`v${Z}`}badge={{text:"RN",color:e.sky500,bg:`${e.sky500}18`}}/>}
192
- {t("In-App Inspector Version",`v${fe}`)&&<S label="In-App Inspector Library"value={`v${fe}`}badge={{text:"LATEST",color:e.purple,bg:`${e.purple}18`}}/>}
193
- {t("Hermes Engine",E?"Enabled (AOT Bytecode)":"Disabled (JSC)")&&<S label="Hermes JavaScript Engine"value={E?"Enabled (AOT Bytecode)":"Disabled (JSC)"}badge={{text:E?"HERMES":"JSC",color:E?e.purple:e.grayText,bg:E?`${e.purple}18`:`${e.grayText}18`}}/>}
194
- {t("New Architecture",U?"Enabled":"Legacy Bridge")&&<S label="Bridgeless TurboModules (New Arch)"value={U?"Enabled":"Legacy Bridge"}badge={{text:U?"NEW ARCH":"LEGACY",color:U?e.emerald500:e.blue500,bg:U?`${e.emerald500}18`:`${e.blue500}18`}}/>}
220
+ {(V==="runtime"||C.length>0)&&Be&&<$ style={r.sectionCard}>
221
+ <I style={r.sectionTitle}>RUNTIME & APPLICATION</I>
222
+ {t("App Name",o.runtime.appName)&&<S label="Application Name"value={o.runtime.appName}/>}
223
+ {t("Bundle ID",o.identifiers.bundleId)&&<S label="Bundle Identifier / Package"value={o.identifiers.bundleId}/>}
224
+ {t("App Version",`v${o.runtime.appVersion} (${o.runtime.appBuild})`)&&<S label="Application Version"value={`v${o.runtime.appVersion} (${o.runtime.appBuild})`}/>}
225
+ {t("React Native",`v${te}`)&&<S label="React Native Framework"value={`v${te}`}badge={{text:"RN",color:e.sky500,bg:`${e.sky500}18`}}/>}
226
+ {t("In-App Inspector Version",`v${le}`)&&<S label="In-App Inspector Library"value={`v${le}`}badge={{text:"LATEST",color:e.purple,bg:`${e.purple}18`}}/>}
227
+ {t("Hermes Engine",U?"Enabled (AOT Bytecode)":"Disabled (JSC)")&&<S label="Hermes JavaScript Engine"value={U?"Enabled (AOT Bytecode)":"Disabled (JSC)"}badge={{text:U?"HERMES":"JSC",color:U?e.purple:e.grayText,bg:U?`${e.purple}18`:`${e.grayText}18`}}/>}
228
+ {t("New Architecture",Y?"Enabled":"Legacy Bridge")&&<S label="Bridgeless TurboModules (New Arch)"value={Y?"Enabled":"Legacy Bridge"}badge={{text:Y?"NEW ARCH":"LEGACY",color:Y?e.emerald500:e.blue500,bg:Y?`${e.emerald500}18`:`${e.blue500}18`}}/>}
195
229
  {t("Build Type",__DEV__?"Debug (__DEV__ = true)":"Release / Production")&&<S label="Build Configuration"value={__DEV__?"Debug (__DEV__ = true)":"Release / Production"}badge={{text:__DEV__?"DEBUG":"RELEASE",color:__DEV__?e.warningIconGold:e.emerald500,bg:__DEV__?`${e.warningIconGold}18`:`${e.emerald500}18`}}/>}
196
- {t("Timezone",r.runtime.timezone)&&<S label="System Timezone"value={r.runtime.timezone}/>}
197
- {t("Locale",r.runtime.locale)&&<S label="System Language & Locale"value={r.runtime.locale}/>}
198
- {t("Session Uptime",_)&&<S label="Inspector Session Uptime"value={_}isLast/>}
199
- </C>}
230
+ {t("Timezone",o.runtime.timezone)&&<S label="System Timezone"value={o.runtime.timezone}/>}
231
+ {t("Locale",o.runtime.locale)&&<S label="System Language & Locale"value={o.runtime.locale}/>}
232
+ {t("Session Uptime",J)&&<S label="Inspector Session Uptime"value={J}isLast/>}
233
+ </$>}
200
234
 
201
235
 
202
- {(V==="security"||$.length>0)&&Re&&<C style={o.sectionCard}>
203
- <I style={o.sectionTitle}>DEVICE IDENTIFIERS & SECURITY</I>
204
- {t("Pseudo-UDID",z)&&<S label="Deterministic Pseudo-UDID"value={z}subtext="Stable hardware signature hash for testing & diagnostics"badge={{text:"PERSISTENT",color:e.purple,bg:`${e.purple}18`}}/>}
205
- {t("Bundle ID",r.identifiers.bundleId)&&<S label="Application Bundle ID"value={r.identifiers.bundleId}/>}
236
+ {(V==="security"||C.length>0)&&De&&<$ style={r.sectionCard}>
237
+ <I style={r.sectionTitle}>DEVICE IDENTIFIERS & SECURITY</I>
238
+ {t("Pseudo-UDID",k)&&<S label="Deterministic Pseudo-UDID"value={k}subtext="Stable hardware signature hash for testing & diagnostics"badge={{text:"PERSISTENT",color:e.purple,bg:`${e.purple}18`}}/>}
239
+ {t("Bundle ID",o.identifiers.bundleId)&&<S label="Application Bundle ID"value={o.identifiers.bundleId}/>}
206
240
  {t("Root / Jailbreak","Clean (Standard Sandbox)")&&<S label="Root / Jailbreak Heuristic"value="Clean (Standard Sandbox)"badge={{text:"SECURE",color:e.emerald500,bg:`${e.emerald500}18`}}/>}
207
- {t("Simulator / Emulator",v.constants?.Model?.includes?.("sdk")||v.constants?.Model?.includes?.("Emulator")||v.constants?.Model?.includes?.("Simulator")?"Virtual Simulator":"Physical Device")&&<S label="Emulator / Physical Device"value={v.constants?.Model?.includes?.("sdk")||v.constants?.Model?.includes?.("Emulator")||v.constants?.Model?.includes?.("Simulator")?"Virtual Simulator":"Physical Device"}/>}
241
+ {t("Simulator / Emulator",w.constants?.Model?.includes?.("sdk")||w.constants?.Model?.includes?.("Emulator")||w.constants?.Model?.includes?.("Simulator")?"Virtual Simulator":"Physical Device")&&<S label="Emulator / Physical Device"value={w.constants?.Model?.includes?.("sdk")||w.constants?.Model?.includes?.("Emulator")||w.constants?.Model?.includes?.("Simulator")?"Virtual Simulator":"Physical Device"}/>}
208
242
  {t("Sandbox Integrity","Enforced by OS Kernel")&&<S label="App Sandbox File Isolation"value="Enforced by OS Kernel"isLast/>}
209
- </C>}
243
+ </$>}
210
244
 
211
245
 
212
- {$.trim().length>0&&!Xe&&<C style={o.emptySearchCard}>
213
- <We size={26}color={e.grayTextWeak}/>
214
- <I style={o.emptySearchTitle}>No matching device specifications</I>
215
- <I style={o.emptySearchSubtitle}>
216
- No properties matched &ldquo;{$}&rdquo;
246
+ {C.trim().length>0&&!Je&&<$ style={r.emptySearchCard}>
247
+ <He size={26}color={e.grayTextWeak}/>
248
+ <I style={r.emptySearchTitle}>No matching device specifications</I>
249
+ <I style={r.emptySearchSubtitle}>
250
+ No properties matched &ldquo;{C}&rdquo;
217
251
  </I>
218
- <Se onPress={()=>ee("")}style={o.clearSearchBtn}>
219
- <I style={o.clearSearchBtnText}>Clear Search</I>
220
- </Se>
221
- </C>}
222
-
223
- <C style={{height:48}}/>
224
- </Ne>
225
- </C>});const o=et.create({container:{flex:1,backgroundColor:e.grayBackground},subTabsWrapper:{backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.dividerColor,paddingVertical:8},subTabsContainer:{paddingHorizontal:12,flexDirection:"row",alignItems:"center",gap:6},subTabPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5.5,borderRadius:8,backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary},subTabPillActive:{backgroundColor:e.purple,borderColor:e.purple},subTabPillText:{fontFamily:R.interBold,fontSize:11,color:e.grayText},subTabPillTextActive:{color:e.white},actionBar:{flexDirection:"row",alignItems:"center",paddingHorizontal:12,paddingVertical:8,backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.dividerColor,gap:8},searchBar:{flex:1,flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:8,paddingHorizontal:9,paddingVertical:v.OS==="ios"?6:2,borderWidth:1,borderColor:e.grayBorderSecondary,gap:6},searchInput:{flex:1,fontFamily:R.interMedium,fontSize:12,color:e.primaryBlack,padding:0},exportButton:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:9,paddingVertical:6,borderRadius:8,backgroundColor:`${e.purple}14`,borderWidth:1,borderColor:`${e.purple}33`},exportButtonText:{fontFamily:R.interBold,fontSize:11,color:e.purple},scrollArea:{flex:1},scrollContent:{padding:12,gap:12,paddingBottom:100},heroCard:{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:1,gap:12},heroHeader:{flexDirection:"row",alignItems:"center",gap:10},heroIconWrap:{width:38,height:38,borderRadius:10,backgroundColor:e.purple,alignItems:"center",justifyContent:"center",shadowColor:e.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},heroTitle:{fontFamily:R.interBold,fontSize:15,color:e.primaryBlack,letterSpacing:-.2},heroSubtitle:{fontFamily:R.interRegular,fontSize:11.5,color:e.grayText,marginTop:1},heroBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.emerald500}18`,paddingHorizontal:7,paddingVertical:3,borderRadius:6},pulseDot:{width:6,height:6,borderRadius:3,backgroundColor:e.emerald500},heroBadgeText:{fontFamily:R.interBold,fontSize:9.5,color:e.emerald500},heroMetricsStrip:{flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:10,paddingVertical:8,paddingHorizontal:10},heroMetricItem:{flex:1,alignItems:"center",paddingHorizontal:2,minWidth:0},heroMetricLabel:{fontFamily:R.interBold,fontSize:8.5,color:e.grayTextWeak,letterSpacing:.4},heroMetricValue:{fontFamily:R.interBold,fontSize:11,color:e.primaryBlack,marginTop:2},heroMetricDivider:{width:1,height:20,backgroundColor:e.dividerColor},sectionCard:{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.black,shadowOpacity:.03,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1},sectionTitle:{fontFamily:R.interBold,fontSize:10.5,color:e.grayTextWeak,letterSpacing:.8,marginBottom:8,textTransform:"uppercase"},infoRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,borderBottomWidth:1,borderBottomColor:e.dividerColor},infoLabel:{fontFamily:R.interMedium,fontSize:12.5,color:e.primaryBlack},infoSubtext:{fontFamily:R.interRegular,fontSize:10,color:e.grayTextWeak,marginTop:1},infoBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:4,borderWidth:1},infoBadgeText:{fontFamily:R.interBold,fontSize:8.5},infoValue:{fontFamily:R.interBold,fontSize:12,color:e.primaryBlack,flexShrink:1,textAlign:"right"},rowCopyBtn:{padding:4,borderRadius:4,backgroundColor:e.grayBackground},emptySearchCard:{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:24,alignItems:"center",justifyContent:"center",gap:8,marginTop:8},emptySearchTitle:{fontFamily:R.interBold,fontSize:13.5,color:e.primaryBlack,textAlign:"center"},emptySearchSubtitle:{fontFamily:R.interRegular,fontSize:11.5,color:e.grayTextWeak,textAlign:"center"},clearSearchBtn:{marginTop:6,paddingHorizontal:14,paddingVertical:6.5,borderRadius:8,backgroundColor:e.purple},clearSearchBtnText:{fontFamily:R.interBold,fontSize:11,color:e.white}});export default DeviceInfoTab;
252
+ <Z onPress={()=>re("")}style={r.clearSearchBtn}>
253
+ <I style={r.clearSearchBtnText}>Clear Search</I>
254
+ </Z>
255
+ </$>}
256
+
257
+ <$ style={{height:48}}/>
258
+ </Ee>
259
+ </$>});const r=Qe.create({container:{flex:1,backgroundColor:e.grayBackground},subTabsWrapper:{backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.dividerColor,paddingVertical:6},subTabsContainer:{paddingHorizontal:12,flexDirection:"row",alignItems:"center",gap:6},subTabPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,borderWidth:1},subTabPillText:{fontFamily:D.interBold,fontSize:10.5},featuredUuidCard:{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:`${e.brandPurple}40`,padding:12,gap:10,shadowColor:e.brandPurple,shadowOpacity:.08,shadowRadius:6,shadowOffset:{width:0,height:2},elevation:2},featuredUuidHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8},featuredUuidTitleRow:{flexDirection:"row",alignItems:"center",gap:8,flex:1,minWidth:0},featuredUuidIconWrap:{width:28,height:28,borderRadius:7,backgroundColor:e.brandPurple,alignItems:"center",justifyContent:"center"},featuredUuidLabel:{fontFamily:D.interBold,fontSize:11,color:e.primaryBlack,letterSpacing:.3},featuredUuidSubtext:{fontFamily:D.interRegular,fontSize:9.5,color:e.grayTextWeak,marginTop:.5},featuredBadge:{backgroundColor:`${e.brandPurple}18`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:`${e.brandPurple}30`},featuredBadgeText:{fontFamily:D.interBold,fontSize:8,color:e.brandPurple,letterSpacing:.4},featuredCopyBtn:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.brandPurple,paddingHorizontal:10,paddingVertical:5.5,borderRadius:7,shadowColor:e.brandPurple,shadowOpacity:.25,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1},featuredCopyBtnText:{fontFamily:D.interBold,fontSize:10.5,color:e.white},featuredUuidValueBox:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:`${e.brandPurple}0C`,borderRadius:8,borderWidth:1,borderColor:`${e.brandPurple}28`,paddingHorizontal:10,paddingVertical:7,gap:8},featuredUuidValueText:{flex:1,fontFamily:w.select({ios:"Menlo",android:"monospace",default:"monospace"}),fontSize:11.5,color:e.brandPurple,letterSpacing:.5},actionBar:{flexDirection:"row",alignItems:"center",paddingHorizontal:12,paddingVertical:8,backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.dividerColor,gap:8},searchBar:{flex:1,flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:8,paddingHorizontal:9,paddingVertical:w.OS==="ios"?6:2,borderWidth:1,borderColor:e.grayBorderSecondary,gap:6},searchInput:{flex:1,fontFamily:D.interMedium,fontSize:12,color:e.primaryBlack,padding:0},exportButton:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:9,paddingVertical:6,borderRadius:8,backgroundColor:`${e.purple}14`,borderWidth:1,borderColor:`${e.purple}33`},exportButtonText:{fontFamily:D.interBold,fontSize:11,color:e.purple},scrollArea:{flex:1},scrollContent:{padding:12,gap:12,paddingBottom:100},heroCard:{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:1,gap:12},heroHeader:{flexDirection:"row",alignItems:"center",gap:10},heroIconWrap:{width:38,height:38,borderRadius:10,backgroundColor:e.purple,alignItems:"center",justifyContent:"center",shadowColor:e.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},heroTitle:{fontFamily:D.interBold,fontSize:15,color:e.primaryBlack,letterSpacing:-.2},heroSubtitle:{fontFamily:D.interRegular,fontSize:11.5,color:e.grayText,marginTop:1},heroBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.emerald500}18`,paddingHorizontal:7,paddingVertical:3,borderRadius:6},pulseDot:{width:6,height:6,borderRadius:3,backgroundColor:e.emerald500},heroBadgeText:{fontFamily:D.interBold,fontSize:9.5,color:e.emerald500},heroMetricsStrip:{flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:10,paddingVertical:8,paddingHorizontal:10},heroMetricItem:{flex:1,alignItems:"center",paddingHorizontal:2,minWidth:0},heroMetricLabel:{fontFamily:D.interBold,fontSize:8.5,color:e.grayTextWeak,letterSpacing:.4},heroMetricValue:{fontFamily:D.interBold,fontSize:11,color:e.primaryBlack,marginTop:2},heroMetricDivider:{width:1,height:20,backgroundColor:e.dividerColor},sectionCard:{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.black,shadowOpacity:.03,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1},sectionTitle:{fontFamily:D.interBold,fontSize:10.5,color:e.grayTextWeak,letterSpacing:.8,marginBottom:8,textTransform:"uppercase"},infoRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,borderBottomWidth:1,borderBottomColor:e.dividerColor},infoLabel:{fontFamily:D.interMedium,fontSize:12.5,color:e.primaryBlack},infoSubtext:{fontFamily:D.interRegular,fontSize:10,color:e.grayTextWeak,marginTop:1},infoBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:4,borderWidth:1},infoBadgeText:{fontFamily:D.interBold,fontSize:8.5},infoValue:{fontFamily:D.interBold,fontSize:12,color:e.primaryBlack,flexShrink:1,textAlign:"right"},rowCopyBtn:{padding:4,borderRadius:4,backgroundColor:e.grayBackground},emptySearchCard:{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:24,alignItems:"center",justifyContent:"center",gap:8,marginTop:8},emptySearchTitle:{fontFamily:D.interBold,fontSize:13.5,color:e.primaryBlack,textAlign:"center"},emptySearchSubtitle:{fontFamily:D.interRegular,fontSize:11.5,color:e.grayTextWeak,textAlign:"center"},clearSearchBtn:{marginTop:6,paddingHorizontal:14,paddingVertical:6.5,borderRadius:8,backgroundColor:e.purple},clearSearchBtnText:{fontFamily:D.interBold,fontSize:11,color:e.white}});export default DeviceInfoTab;