react-native-inapp-inspector 2.3.24 → 2.3.25

package/dist/esm/components/Inspector/DeviceInfoTab.js

@@ -1,223 +1,225 @@
-import Ee,{useState as Q,useEffect as ke,useMemo as F,useCallback as ze}from"react";import{View as T,Text as I,ScrollView as He,TextInput as Qe,Dimensions as _e,Platform as $,PixelRatio as We,StatusBar as et,StyleSheet as tt,NativeModules as j}from"react-native";import Se from"../TouchableScale";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as E}from"../../styles/AppFonts";import{useTranslation as rt}from"../../i18n";import{CpuIcon as St,WifiIcon as $t,ScreenIcon as Tt,LayersIcon as It,KeyIcon as Ct,SearchIcon as Ue,ClearIcon as Bt,CopyIcon as Ge,BoltIcon as Mt,AppleIcon as At,AndroidIcon as Dt,ExportIcon as Vt}from"../NetworkIcons";import{getNativeDeviceMetrics as Rt,getNativeSystemMetrics as Pt}from"../../native/NativeInspector";import{copyToClipboard as Le,getAppName as Et}from"../../helpers";import{showToast as Oe}from"../../helpers/toast";import{LIB_VERSION as fe}from"../../constants";const S=Ee.memo(({label:$e,value:D,copyable:Te=!0,badge:v,subtext:ee,isLast:Fe=!1})=>{const ve=D==null?"\u2014":typeof D=="boolean"?D?"Yes":"No":String(D);return<T style={[r.infoRow,Fe&&{borderBottomWidth:0}]}>
-        <T style={{flex:1,paddingRight:8,minWidth:0}}>
-          <T style={{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6}}>
-            <I style={r.infoLabel}numberOfLines={2}>{$e}</I>
-            {v&&<T style={[r.infoBadge,{backgroundColor:v.bg,borderColor:`${v.color}33`}]}>
-                <I style={[r.infoBadgeText,{color:v.color}]}>
-                  {v.text}
+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}]}>
+        <C style={{flex:1,paddingRight:8,minWidth:0}}>
+          <C style={{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6}}>
+            <I style={o.infoLabel}numberOfLines={2}>{D}</I>
+            {$&&<C style={[o.infoBadge,{backgroundColor:$.bg,borderColor:`${$.color}33`}]}>
+                <I style={[o.infoBadgeText,{color:$.color}]}>
+                  {$.text}
                 </I>
-              </T>}
-          </T>
-          {ee&&<I style={r.infoSubtext}numberOfLines={2}>{ee}</I>}
-        </T>
-        <T style={{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0,maxWidth:"58%",justifyContent:"flex-end"}}>
-          <I style={[r.infoValue,typeof D=="boolean"&&{color:D?e.emerald500:e.errorColor}]}numberOfLines={3}selectable>
+              </C>}
+          </C>
+          {ee&&<I style={o.infoSubtext}numberOfLines={2}>{ee}</I>}
+        </C>
+        <C style={{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0,maxWidth:"58%",justifyContent:"flex-end"}}>
+          <I style={[o.infoValue,typeof V=="boolean"&&{color:V?e.emerald500:e.errorColor}]}numberOfLines={3}selectable>
             {ve}
           </I>
-          {Te&&D!==null&&D!==void 0&&<Se hitSlop={8}onPress={()=>{Le(ve,$e),Oe(`Copied ${$e}`)}}style={r.rowCopyBtn}>
-              <Ge size={11}color={e.grayTextWeak}/>
+          {we&&V!==null&&V!==void 0&&<Se hitSlop={8}onPress={()=>{Pe(ve,D),Le(`Copied ${D}`)}}style={o.rowCopyBtn}>
+              <Ue size={11}color={e.grayTextWeak}/>
             </Se>}
-        </T>
-      </T>});export const DeviceInfoTab=Ee.memo(()=>{const{t:$e}=rt(),[D,Te]=Q("overview"),[v,ee]=Q(""),[Fe,ve]=Q(!0),[w,Je]=Q(null),[Ne,je]=Q(null),[O,xe]=Q("Detecting..."),[_,Ie]=Q("0s"),Ye=Ee.useRef(Date.now()),Ce=ze(async()=>{try{const[f,B]=await Promise.all([Rt(),Pt()]);Je(f),je(B)}catch{}finally{ve(!1)}},[]);ke(()=>{Ce();const f=setInterval(Ce,3e3);return()=>clearInterval(f)},[Ce]),ke(()=>{let f=!0;return(async()=>{try{const A=j?.PlatformConstants?.serverHost||j?.AndroidConstants?.serverHost||j?.DevSettings?.serverHost;if(A&&typeof A=="string"){const V=A.split(":")[0].replace(/https?:\/\//,"");if(V&&V!=="localhost"&&V!=="127.0.0.1"){f&&xe(V);return}}}catch{}try{const A=new AbortController,V=setTimeout(()=>A.abort(),1200),K=await fetch("https://api.ipify.org?format=json",{signal:A.signal});if(clearTimeout(V),K.ok){const J=await K.json();if(J&&J.ip&&f){xe(J.ip);return}}}catch{}f&&xe($.OS==="android"?"10.0.2.15 (Local)":"127.0.0.1 (Local)")})(),()=>{f=!1}},[]),ke(()=>{const f=()=>{const A=Math.floor((Date.now()-Ye.current)/1e3),V=Math.floor(A/3600),K=Math.floor(A%3600/60),J=A%60;V>0?Ie(`${V}h ${K}m ${J}s`):K>0?Ie(`${K}m ${J}s`):Ie(`${J}s`)},B=setInterval(f,1e3);return f(),()=>clearInterval(B)},[]);const k=_e.get("window"),R=_e.get("screen"),C=We.get(),Y=We.getFontScale(),W=k.width>=600||k.height>=1e3,q=k.width>k.height,X=$.OS==="android"?et.currentHeight||24:k.height>=812?44:20,N=F(()=>{const f=`${$.OS}-${$.Version}-${R.width}x${R.height}-${C}-${$.constants?.Brand||"generic"}`;let B=0;for(let V=0;V<f.length;V++)B=(B<<5)-B+f.charCodeAt(V),B|=0;const A=Math.abs(B).toString(16).padStart(8,"0");return`UDID-${$.OS.toUpperCase()}-${A.slice(0,4)}-${A.slice(4,8)}-${Date.now().toString(16).slice(-4)}`.toUpperCase()},[R.width,R.height,C]),P=!!global?.HermesInternal,U=!!globalThis?.__turboModuleProxy,Z=F(()=>{const f=$.constants?.reactNativeVersion;return f?`${f.major}.${f.minor}.${f.patch}${f.prerelease!=null?`-${f.prerelease}`:""}`:"0.74+"},[]),M=w?.totalRAM?Math.round(w.totalRAM/(1024*1024)):Ne?.totalPhysicalRamMb||4096,L=w?.freeRAM?Math.round(w.freeRAM/(1024*1024)):Math.max(0,M-(Ne?.residentRamMb||1200)),G=Math.max(0,M-L),we=M>0?Math.round(G/M*100):45,z=w?.totalStorage?(w.totalStorage/(1024*1024*1024)).toFixed(1):"128.0",H=w?.freeStorage?(w.freeStorage/(1024*1024*1024)).toFixed(1):"64.2",Ke=F(()=>[{key:"overview",label:"Overview",icon:f=><It size={12}color={f}/>},{key:"hardware",label:"Hardware",icon:f=><St size={12}color={f}/>},{key:"network",label:"Network & IP",icon:f=><$t size={12}color={f}/>},{key:"display",label:"Display",icon:f=><Tt size={12}color={f}/>},{key:"runtime",label:"Runtime & App",icon:f=><Mt size={12}color={f}/>},{key:"security",label:"Security & IDs",icon:f=><Ct size={12}color={f}/>}],[]),o=F(()=>({identifiers:{pseudoUDID:N,bundleId:w?.appBundleId||w?.appPackageName||"com.app.inspector"},hardware:{model:w?.deviceModel||$.constants?.Model||"Unknown Device",brand:w?.deviceBrand||$.constants?.Brand||($.OS==="ios"?"Apple":"Android"),osVersion:`${$.OS} ${$.Version}`,apiLevel:w?.apiLevel||$.constants?.Version||null,cpuAbi:w?.cpuAbi||$.constants?.ServerHost||"arm64-v8a",totalRamMb:M,freeRamMb:L,usedRamMb:G,totalStorageGb:`${z} GB`,freeStorageGb:`${H} GB`,batteryPercent:w?.batteryPercent??100,isCharging:w?.isCharging??!1},network:{ipAddress:O,isWifi:!0,reachability:"Online"},display:{windowWidth:k.width,windowHeight:k.height,screenWidth:R.width,screenHeight:R.height,pixelRatio:C,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:P,isTurboModule:U,isDev:__DEV__,jsEngine:P?"Hermes":"JSC",timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,locale:Intl.DateTimeFormat().resolvedOptions().locale,sessionUptime:_}}),[N,w,M,L,G,z,H,O,k,R,C,Y,X,W,q,Z,P,U,_]),qe=()=>{Le(JSON.stringify(o,null,2),"Device Full Report"),Oe("Copied Full Device JSON Report!")},Xe=()=>{const f=`# Device Information Report
+        </C>
+      </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
 **Generated by React Native In-App Inspector v${fe}**
 
 ## \u{1F4F1} Hardware & System
-- **Device Model:** ${o.hardware.model}
-- **Brand / Manufacturer:** ${o.hardware.brand}
-- **OS Version:** ${o.hardware.osVersion}
-- **CPU Architecture:** ${o.hardware.cpuAbi}
-- **Total RAM:** ${M} MB (Free: ${L} MB)
-- **Total Storage:** ${z} GB (Free: ${H} GB)
-- **Battery:** ${o.hardware.batteryPercent}% (${o.hardware.isCharging?"Charging":"Unplugged"})
+- **Device Model:** ${r.hardware.model}
+- **Brand / Manufacturer:** ${r.hardware.brand}
+- **OS Version:** ${r.hardware.osVersion}
+- **CPU Architecture:** ${r.hardware.cpuAbi}
+- **Total RAM:** ${A} MB (Free: ${L} MB)
+- **Total Storage:** ${N} GB (Free: ${H} GB)
+- **Battery:** ${r.hardware.batteryPercent}% (${r.hardware.isCharging?"Charging":"Unplugged"})
 
 ## \u{1F310} Network & Connectivity
 - **IP Address:** ${O}
 - **Status:** Online
 
 ## \u{1F5A5} Display & Geometry
-- **Resolution:** ${R.width} \xD7 ${R.height} pt (@${C}x)
+- **Resolution:** ${k.width} \xD7 ${k.height} pt (@${B}x)
 - **Form Factor:** ${W?"Tablet":"Phone"} (${q?"Landscape":"Portrait"})
 - **Status Bar Height:** ${X} pt
 
 ## \u2699\uFE0F Runtime & App
-- **App Name:** ${o.runtime.appName}
-- **App Version:** ${o.runtime.appVersion} (${o.runtime.appBuild})
+- **App Name:** ${r.runtime.appName}
+- **App Version:** ${r.runtime.appVersion} (${r.runtime.appBuild})
 - **React Native:** v${Z}
-- **JS Engine:** ${P?"Hermes":"JSC"} (Bridgeless TurboModule: ${U?"Yes":"No"})
+- **JS Engine:** ${E?"Hermes":"JSC"} (Bridgeless TurboModule: ${U?"Yes":"No"})
 - **Environment:** ${__DEV__?"Development (__DEV__)":"Production (Release)"}
-- **Timezone:** ${o.runtime.timezone}
+- **Timezone:** ${r.runtime.timezone}
 - **Session Uptime:** ${_}
 
 ## \u{1F511} Identifiers & Security
-- **Pseudo-UDID:** \`${N}\`
-- **Bundle ID:** \`${o.identifiers.bundleId}\`
-`;Le(f,"Device Markdown Report"),Oe("Copied Markdown Report to Clipboard!")},t=ze((f,B,A)=>{if(!v.trim())return!0;const V=v.toLowerCase().trim(),K=B!=null?typeof B=="object"?JSON.stringify(B):String(B):"",J=A!=null?String(A):"";return f.toLowerCase().includes(V)||K.toLowerCase().includes(V)||J.toLowerCase().includes(V)},[v]),Be=F(()=>v.trim()?t("Model",w?.deviceModel||$.constants?.Model)||t("OS",$.OS)||t("IP Address",O)||t("RAM",`${G}/${M}`)||t("Uptime",_):!0,[v,t,w,O,G,M,_]),Me=F(()=>v.trim()?t("Device Model",o.hardware.model)||t("Manufacturer",o.hardware.brand)||t("Operating System",o.hardware.osVersion)||t("IP Address",O)||t("RAM Memory",`${G} MB / ${M} MB (${we}%)`,`Free Memory: ${L} MB`)||t("Storage Capacity",`${H} GB Free / ${z} GB Total`)||t("App Version",`v${o.runtime.appVersion} (${o.runtime.appBuild})`)||t("JavaScript Engine",P?"Hermes Bytecode Engine":"JavaScriptCore (JSC)")||t("UDID Identifier",N):!0,[v,t,o,O,G,M,we,L,H,z,P,N]),Ae=F(()=>v.trim()?t("CPU Architecture",o.hardware.cpuAbi)||t("Total RAM",`${M} MB`)||t("Free RAM",`${L} MB`)||t("Storage Capacity",`${z} GB`)||t("Available Storage",`${H} GB`)||t("Battery",`${w?.batteryPercent??100}%`)||t("API Level",`API ${w?.apiLevel||$.Version}`)||t("Thermal State","Nominal (Cool)"):!0,[v,t,o,M,L,z,H,w]),De=F(()=>v.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,[v,t,O]),Ve=F(()=>v.trim()?t("Window Resolution",`${k.width.toFixed(0)} \xD7 ${k.height.toFixed(0)} pt`)||t("Screen Physical Size",`${(R.width*C).toFixed(0)} \xD7 ${(R.height*C).toFixed(0)} px`)||t("Pixel Density",`@${C}x (${Math.round(C*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,[v,t,k,R,C,Y,W,q,X]),Re=F(()=>v.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${Z}`)||t("In-App Inspector Version",`v${fe}`)||t("Hermes Engine",P?"Enabled (AOT Bytecode)":"Disabled (JSC)")||t("New Architecture",U?"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",_):!0,[v,t,o,Z,P,U,_]),Pe=F(()=>v.trim()?t("Pseudo-UDID",N)||t("Bundle ID",o.identifiers.bundleId)||t("Root / Jailbreak","Clean (Standard Sandbox)")||t("Simulator / Emulator",$.constants?.Model?.includes?.("sdk")||$.constants?.Model?.includes?.("Emulator")||$.constants?.Model?.includes?.("Simulator")?"Virtual Simulator":"Physical Device")||t("Sandbox Integrity","Enforced by OS Kernel"):!0,[v,t,N,o]),Ze=F(()=>v.trim()?Be||Me||Ae||De||Ve||Re||Pe:!0,[v,Be,Me,Ae,De,Ve,Re,Pe]);return<T style={r.container}>
+- **Pseudo-UDID:** \`${z}\`
+- **Bundle ID:** \`${r.identifiers.bundleId}\`
+`;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}>
       
-      <T style={r.subTabsWrapper}>
-        <He horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={r.subTabsContainer}>
-          {Ke.map(f=>{const B=D===f.key,A=B?e.white:e.grayText;return<Se key={f.key}onPress={()=>Te(f.key)}style={[r.subTabPill,B&&r.subTabPillActive]}>
-                {f.icon(A)}
-                <I style={[r.subTabPillText,B&&r.subTabPillTextActive]}>
-                  {f.label}
-                </I>
-              </Se>})}
-        </He>
-      </T>
-
-      
-      <T style={r.actionBar}>
-        <T style={r.searchBar}>
-          <Ue size={14}color={e.grayTextWeak}/>
-          <Qe value={v}onChangeText={ee}placeholder="Search specs, UDID, IP, screen..."placeholderTextColor={e.grayTextWeak}style={r.searchInput}clearButtonMode="while-editing"/>
-          {v.length>0&&<Se onPress={()=>ee("")}hitSlop={8}>
+      <C style={o.actionBar}>
+        <C style={o.searchBar}>
+          <We size={14}color={e.grayTextWeak}/>
+          <Ze value={$}onChangeText={ee}placeholder={D("device.searchPlaceholder","Search specs, UDID, IP, screen...")}placeholderTextColor={e.grayTextWeak}style={o.searchInput}clearButtonMode="while-editing"/>
+          {$.length>0&&<Se onPress={()=>ee("")}hitSlop={8}>
               <Bt size={13}color={e.grayTextWeak}/>
             </Se>}
-        </T>
+        </C>
 
-        <Se onPress={qe}style={r.exportButton}hitSlop={6}>
+        <Se onPress={Ke}style={o.exportButton}hitSlop={6}>
           <Vt size={12}color={e.purple}/>
-          <I style={r.exportButtonText}>JSON</I>
+          <I style={o.exportButtonText}>JSON</I>
         </Se>
 
-        <Se onPress={Xe}style={[r.exportButton,{backgroundColor:`${e.emerald500}14`,borderColor:`${e.emerald500}33`}]}hitSlop={6}>
-          <Ge size={12}color={e.emerald500}/>
-          <I style={[r.exportButtonText,{color:e.emerald500}]}>MD</I>
+        <Se onPress={qe}style={[o.exportButton,{backgroundColor:`${e.emerald500}14`,borderColor:`${e.emerald500}33`}]}hitSlop={6}>
+          <Ue size={12}color={e.emerald500}/>
+          <I style={[o.exportButtonText,{color:e.emerald500}]}>MD</I>
         </Se>
-      </T>
+      </C>
+
+      
+      <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
+        <Ne horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+          {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)}>
+                <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}}>
+                  {f.icon(M)}
+                  <I style={{fontFamily:R.interBold,fontSize:10.5,color:T?e.white:e.primaryBlack}}>
+                    {f.label}
+                  </I>
+                </C>
+              </Se>})}
+        </Ne>
+      </C>
 
       
-      <He style={r.scrollArea}contentContainerStyle={r.scrollContent}showsVerticalScrollIndicator={!1}>
+      <Ne style={o.scrollArea}contentContainerStyle={o.scrollContent}showsVerticalScrollIndicator={!1}>
         
-        {(!v.trim()||Be)&&<T style={r.heroCard}>
-            <T style={r.heroHeader}>
-              <T style={r.heroIconWrap}>
-                {$.OS==="ios"?<At size={20}color={e.white}/>:<Dt size={20}color={e.white}/>}
-              </T>
-              <T style={{flex:1,minWidth:0}}>
-                <I style={r.heroTitle}numberOfLines={1}ellipsizeMode="tail">
-                  {w?.deviceModel||$.constants?.Model||($.OS==="ios"?"Apple iPhone":"Android Device")}
+        {(!$.trim()||Te)&&<C style={o.heroCard}>
+            <C style={o.heroHeader}>
+              <C style={o.heroIconWrap}>
+                {v.OS==="ios"?<At size={20}color={e.white}/>:<Dt size={20}color={e.white}/>}
+              </C>
+              <C style={{flex:1,minWidth:0}}>
+                <I style={o.heroTitle}numberOfLines={1}ellipsizeMode="tail">
+                  {w?.deviceModel||v.constants?.Model||(v.OS==="ios"?"Apple iPhone":"Android Device")}
                 </I>
-                <I style={r.heroSubtitle}numberOfLines={1}ellipsizeMode="tail">
-                  {$.OS==="ios"?`iOS ${$.Version}`:`Android ${$.Version} (API ${w?.apiLevel||$.Version})`}
+                <I style={o.heroSubtitle}numberOfLines={1}ellipsizeMode="tail">
+                  {v.OS==="ios"?`iOS ${v.Version}`:`Android ${v.Version} (API ${w?.apiLevel||v.Version})`}
                 </I>
-              </T>
-              <T style={r.heroBadge}>
-                <T style={r.pulseDot}/>
-                <I style={r.heroBadgeText}>LIVE</I>
-              </T>
-            </T>
+              </C>
+              <C style={o.heroBadge}>
+                <C style={o.pulseDot}/>
+                <I style={o.heroBadgeText}>LIVE</I>
+              </C>
+            </C>
 
             
-            <T style={r.heroMetricsStrip}>
-              <T style={r.heroMetricItem}>
-                <I style={r.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">IP ADDRESS</I>
-                <I style={r.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">
+            <C style={o.heroMetricsStrip}>
+              <C style={o.heroMetricItem}>
+                <I style={o.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">{D("device.ipAddress","IP ADDRESS")}</I>
+                <I style={o.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">
                   {O}
                 </I>
-              </T>
-              <T style={r.heroMetricDivider}/>
-              <T style={r.heroMetricItem}>
-                <I style={r.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">RAM (USED/TOTAL)</I>
-                <I style={r.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">
-                  {G}/{M} MB
+              </C>
+              <C style={o.heroMetricDivider}/>
+              <C style={o.heroMetricItem}>
+                <I style={o.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">{D("device.ramUsedTotal","RAM (USED/TOTAL)")}</I>
+                <I style={o.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">
+                  {G}/{A} MB
                 </I>
-              </T>
-              <T style={r.heroMetricDivider}/>
-              <T style={r.heroMetricItem}>
-                <I style={r.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">UPTIME</I>
-                <I style={r.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">{_}</I>
-              </T>
-            </T>
-          </T>}
+              </C>
+              <C style={o.heroMetricDivider}/>
+              <C style={o.heroMetricItem}>
+                <I style={o.heroMetricLabel}numberOfLines={1}ellipsizeMode="tail">{D("device.uptime","UPTIME")}</I>
+                <I style={o.heroMetricValue}numberOfLines={1}ellipsizeMode="tail">{_}</I>
+              </C>
+            </C>
+          </C>}
 
         
-        {(D==="overview"||v.length>0)&&Me&&<T style={r.sectionCard}>
-            <I style={r.sectionTitle}>DEVICE OVERVIEW</I>
-            {t("Device Model",o.hardware.model)&&<S label="Device Model"value={o.hardware.model}/>}
-            {t("Manufacturer",o.hardware.brand)&&<S label="Manufacturer / Brand"value={o.hardware.brand}/>}
-            {t("Operating System",o.hardware.osVersion)&&<S label="Operating System"value={o.hardware.osVersion}badge={{text:$.OS.toUpperCase(),color:e.blue500,bg:`${e.blue500}18`}}/>}
+        {(V==="overview"||$.length>0)&&Be&&<C style={o.sectionCard}>
+            <I style={o.sectionTitle}>DEVICE OVERVIEW</I>
+            {t("Device Model",r.hardware.model)&&<S label="Device Model"value={r.hardware.model}/>}
+            {t("Manufacturer",r.hardware.brand)&&<S label="Manufacturer / Brand"value={r.hardware.brand}/>}
+            {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`}}/>}
             {t("IP Address",O)&&<S label="Local IP Address"value={O}badge={{text:"ONLINE",color:e.emerald500,bg:`${e.emerald500}18`}}/>}
-            {t("RAM Memory",`${G} MB / ${M} MB (${we}%)`,`Free Memory: ${L} MB`)&&<S label="RAM Memory"value={`${G} MB / ${M} MB (${we}%)`}subtext={`Free Memory: ${L} MB`}/>}
-            {t("Storage Capacity",`${H} GB Free / ${z} GB Total`)&&<S label="Internal Storage"value={`${H} GB Free / ${z} GB Total`}/>}
-            {t("App Version",`v${o.runtime.appVersion} (${o.runtime.appBuild})`)&&<S label="Host App Version"value={`v${o.runtime.appVersion} (${o.runtime.appBuild})`}/>}
-            {t("JavaScript Engine",P?"Hermes Bytecode Engine":"JavaScriptCore (JSC)")&&<S label="JS Runtime Engine"value={P?"Hermes Bytecode Engine":"JavaScriptCore (JSC)"}badge={P?{text:"HERMES",color:e.purple,bg:`${e.purple}18`}:{text:"JSC",color:e.sky500,bg:`${e.sky500}18`}}/>}
-            {t("UDID Identifier",N)&&<S label="Pseudo-UDID"value={N}isLast/>}
-          </T>}
+            {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`}/>}
+            {t("Storage Capacity",`${H} GB Free / ${N} GB Total`)&&<S label="Internal Storage"value={`${H} GB Free / ${N} GB Total`}/>}
+            {t("App Version",`v${r.runtime.appVersion} (${r.runtime.appBuild})`)&&<S label="Host App Version"value={`v${r.runtime.appVersion} (${r.runtime.appBuild})`}/>}
+            {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`}}/>}
+            {t("UDID Identifier",z)&&<S label="Pseudo-UDID"value={z}isLast/>}
+          </C>}
 
         
-        {(D==="hardware"||v.length>0)&&Ae&&<T style={r.sectionCard}>
-            <I style={r.sectionTitle}>HARDWARE & SYSTEM SPECIFICATIONS</I>
-            {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`}}/>}
-            {t("Total RAM",`${M} MB`)&&<S label="Total Physical RAM"value={`${M} MB`}/>}
+        {(V==="hardware"||$.length>0)&&Me&&<C style={o.sectionCard}>
+            <I style={o.sectionTitle}>HARDWARE & SYSTEM SPECIFICATIONS</I>
+            {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`}}/>}
+            {t("Total RAM",`${A} MB`)&&<S label="Total Physical RAM"value={`${A} MB`}/>}
             {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`}}/>}
-            {t("Storage Capacity",`${z} GB`)&&<S label="Disk Storage Total"value={`${z} GB`}/>}
+            {t("Storage Capacity",`${N} GB`)&&<S label="Disk Storage Total"value={`${N} GB`}/>}
             {t("Available Storage",`${H} GB`)&&<S label="Disk Storage Available"value={`${H} GB`}/>}
             {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`}}/>}
-            {t("API Level",`API ${w?.apiLevel||$.Version}`)&&$.OS==="android"&&<S label="Android API SDK Level"value={`API ${w?.apiLevel||$.Version}`}/>}
+            {t("API Level",`API ${w?.apiLevel||v.Version}`)&&v.OS==="android"&&<S label="Android API SDK Level"value={`API ${w?.apiLevel||v.Version}`}/>}
             {t("Thermal State","Nominal (Cool)")&&<S label="Thermal State"value="Nominal (Cool)"badge={{text:"OPTIMAL",color:e.emerald500,bg:`${e.emerald500}18`}}isLast/>}
-          </T>}
+          </C>}
 
         
-        {(D==="network"||v.length>0)&&De&&<T style={r.sectionCard}>
-            <I style={r.sectionTitle}>NETWORK & CONNECTIVITY</I>
+        {(V==="network"||$.length>0)&&Ae&&<C style={o.sectionCard}>
+            <I style={o.sectionTitle}>NETWORK & CONNECTIVITY</I>
             {t("IP Address",O)&&<S label="Local Device IP"value={O}badge={{text:"IPV4",color:e.blue500,bg:`${e.blue500}18`}}/>}
             {t("Internet Reachability","Connected")&&<S label="Internet Reachability"value="Connected"badge={{text:"ONLINE",color:e.emerald500,bg:`${e.emerald500}18`}}/>}
             {t("Connection Type","Wi-Fi / Local Area Network")&&<S label="Active Connection Type"value="Wi-Fi / Local Area Network"/>}
             {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"}/>}
             {t("WebSocket Protocol","Active & Enabled")&&<S label="WebSocket (WSS) Support"value="Active & Enabled"/>}
             {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/>}
-          </T>}
+          </C>}
 
         
-        {(D==="display"||v.length>0)&&Ve&&<T style={r.sectionCard}>
-            <I style={r.sectionTitle}>DISPLAY & SCREEN GEOMETRY</I>
-            {t("Window Resolution",`${k.width.toFixed(0)} \xD7 ${k.height.toFixed(0)} pt`)&&<S label="Window Logical Size"value={`${k.width.toFixed(0)} \xD7 ${k.height.toFixed(0)} pt`}/>}
-            {t("Screen Physical Size",`${(R.width*C).toFixed(0)} \xD7 ${(R.height*C).toFixed(0)} px`)&&<S label="Physical Screen Size"value={`${(R.width*C).toFixed(0)} \xD7 ${(R.height*C).toFixed(0)} px`}/>}
-            {t("Pixel Density",`@${C}x (${Math.round(C*160)} dpi)`)&&<S label="Pixel Ratio (DPI Scale)"value={`@${C}x (${Math.round(C*160)} dpi)`}badge={{text:`@${C}x`,color:e.purple,bg:`${e.purple}18`}}/>}
+        {(V==="display"||$.length>0)&&De&&<C style={o.sectionCard}>
+            <I style={o.sectionTitle}>DISPLAY & SCREEN GEOMETRY</I>
+            {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`}/>}
+            {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`}/>}
+            {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`}}/>}
             {t("Font Scale",`${Y}x`)&&<S label="User Font Scale"value={`${Y}x (${Y===1?"Default":Y>1?"Enlarged":"Compact"})`}/>}
             {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`}}/>}
             {t("Orientation",q?"Landscape":"Portrait")&&<S label="Screen Orientation"value={q?"Landscape":"Portrait"}/>}
             {t("Status Bar Height",`${X} pt`)&&<S label="Status Bar Inset"value={`${X} pt`}isLast/>}
-          </T>}
+          </C>}
 
         
-        {(D==="runtime"||v.length>0)&&Re&&<T style={r.sectionCard}>
-            <I style={r.sectionTitle}>RUNTIME & APPLICATION</I>
-            {t("App Name",o.runtime.appName)&&<S label="Application Name"value={o.runtime.appName}/>}
-            {t("Bundle ID",o.identifiers.bundleId)&&<S label="Bundle Identifier / Package"value={o.identifiers.bundleId}/>}
-            {t("App Version",`v${o.runtime.appVersion} (${o.runtime.appBuild})`)&&<S label="Application Version"value={`v${o.runtime.appVersion} (${o.runtime.appBuild})`}/>}
+        {(V==="runtime"||$.length>0)&&Ve&&<C style={o.sectionCard}>
+            <I style={o.sectionTitle}>RUNTIME & APPLICATION</I>
+            {t("App Name",r.runtime.appName)&&<S label="Application Name"value={r.runtime.appName}/>}
+            {t("Bundle ID",r.identifiers.bundleId)&&<S label="Bundle Identifier / Package"value={r.identifiers.bundleId}/>}
+            {t("App Version",`v${r.runtime.appVersion} (${r.runtime.appBuild})`)&&<S label="Application Version"value={`v${r.runtime.appVersion} (${r.runtime.appBuild})`}/>}
             {t("React Native",`v${Z}`)&&<S label="React Native Framework"value={`v${Z}`}badge={{text:"RN",color:e.sky500,bg:`${e.sky500}18`}}/>}
             {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`}}/>}
-            {t("Hermes Engine",P?"Enabled (AOT Bytecode)":"Disabled (JSC)")&&<S label="Hermes JavaScript Engine"value={P?"Enabled (AOT Bytecode)":"Disabled (JSC)"}badge={{text:P?"HERMES":"JSC",color:P?e.purple:e.grayText,bg:P?`${e.purple}18`:`${e.grayText}18`}}/>}
+            {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`}}/>}
             {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`}}/>}
             {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`}}/>}
-            {t("Timezone",o.runtime.timezone)&&<S label="System Timezone"value={o.runtime.timezone}/>}
-            {t("Locale",o.runtime.locale)&&<S label="System Language & Locale"value={o.runtime.locale}/>}
+            {t("Timezone",r.runtime.timezone)&&<S label="System Timezone"value={r.runtime.timezone}/>}
+            {t("Locale",r.runtime.locale)&&<S label="System Language & Locale"value={r.runtime.locale}/>}
             {t("Session Uptime",_)&&<S label="Inspector Session Uptime"value={_}isLast/>}
-          </T>}
+          </C>}
 
         
-        {(D==="security"||v.length>0)&&Pe&&<T style={r.sectionCard}>
-            <I style={r.sectionTitle}>DEVICE IDENTIFIERS & SECURITY</I>
-            {t("Pseudo-UDID",N)&&<S label="Deterministic Pseudo-UDID"value={N}subtext="Stable hardware signature hash for testing & diagnostics"badge={{text:"PERSISTENT",color:e.purple,bg:`${e.purple}18`}}/>}
-            {t("Bundle ID",o.identifiers.bundleId)&&<S label="Application Bundle ID"value={o.identifiers.bundleId}/>}
+        {(V==="security"||$.length>0)&&Re&&<C style={o.sectionCard}>
+            <I style={o.sectionTitle}>DEVICE IDENTIFIERS & SECURITY</I>
+            {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`}}/>}
+            {t("Bundle ID",r.identifiers.bundleId)&&<S label="Application Bundle ID"value={r.identifiers.bundleId}/>}
             {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`}}/>}
-            {t("Simulator / Emulator",$.constants?.Model?.includes?.("sdk")||$.constants?.Model?.includes?.("Emulator")||$.constants?.Model?.includes?.("Simulator")?"Virtual Simulator":"Physical Device")&&<S label="Emulator / Physical Device"value={$.constants?.Model?.includes?.("sdk")||$.constants?.Model?.includes?.("Emulator")||$.constants?.Model?.includes?.("Simulator")?"Virtual Simulator":"Physical Device"}/>}
+            {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"}/>}
             {t("Sandbox Integrity","Enforced by OS Kernel")&&<S label="App Sandbox File Isolation"value="Enforced by OS Kernel"isLast/>}
-          </T>}
+          </C>}
 
         
-        {v.trim().length>0&&!Ze&&<T style={r.emptySearchCard}>
-            <Ue size={26}color={e.grayTextWeak}/>
-            <I style={r.emptySearchTitle}>No matching device specifications</I>
-            <I style={r.emptySearchSubtitle}>
-              No properties matched &ldquo;{v}&rdquo;
+        {$.trim().length>0&&!Xe&&<C style={o.emptySearchCard}>
+            <We size={26}color={e.grayTextWeak}/>
+            <I style={o.emptySearchTitle}>No matching device specifications</I>
+            <I style={o.emptySearchSubtitle}>
+              No properties matched &ldquo;{$}&rdquo;
             </I>
-            <Se onPress={()=>ee("")}style={r.clearSearchBtn}>
-              <I style={r.clearSearchBtnText}>Clear Search</I>
+            <Se onPress={()=>ee("")}style={o.clearSearchBtn}>
+              <I style={o.clearSearchBtnText}>Clear Search</I>
             </Se>
-          </T>}
+          </C>}
 
-        <T style={{height:48}}/>
-      </He>
-    </T>});const r=tt.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:E.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:$.OS==="ios"?6:2,borderWidth:1,borderColor:e.grayBorderSecondary,gap:6},searchInput:{flex:1,fontFamily:E.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:E.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:E.interBold,fontSize:15,color:e.primaryBlack,letterSpacing:-.2},heroSubtitle:{fontFamily:E.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:E.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:E.interBold,fontSize:8.5,color:e.grayTextWeak,letterSpacing:.4},heroMetricValue:{fontFamily:E.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:E.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:E.interMedium,fontSize:12.5,color:e.primaryBlack},infoSubtext:{fontFamily:E.interRegular,fontSize:10,color:e.grayTextWeak,marginTop:1},infoBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:4,borderWidth:1},infoBadgeText:{fontFamily:E.interBold,fontSize:8.5},infoValue:{fontFamily:E.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:E.interBold,fontSize:13.5,color:e.primaryBlack,textAlign:"center"},emptySearchSubtitle:{fontFamily:E.interRegular,fontSize:11.5,color:e.grayTextWeak,textAlign:"center"},clearSearchBtn:{marginTop:6,paddingHorizontal:14,paddingVertical:6.5,borderRadius:8,backgroundColor:e.purple},clearSearchBtnText:{fontFamily:E.interBold,fontSize:11,color:e.white}});export default DeviceInfoTab;
+        <C style={{height:48}}/>
+      </Ne>
+    </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;

package/dist/esm/components/Inspector/InspectorHeader.js

@@ -1,4 +1,4 @@
-import v,{useMemo as ne}from"react";import{Alert as Re,Animated as le,Linking as rt,Platform as se,Pressable as $e,StatusBar as ot,Text as C,TouchableOpacity as Ae,useWindowDimensions as at,View as S}from"react-native";import St from"react-native-linear-gradient";import{useInspector as Tt}from"./InspectorContext";import O from"../TouchableScale";import Ct from"../AppHeaderLogo";import i from"../../styles";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as I}from"../../styles/AppFonts";import{METHOD_COLORS as Vt}from"../../constants";import{LIB_VERSION as de}from"../../constants";import{getStatusColor as ce,getAppName as Dt,formatTime as It,getSize as ve,getAppVersionAndBuild as Rt}from"../../helpers";import{triggerNativeHaptic as U}from"../../native/NativeInspector";import{ScreenCapture as F}from"../../capture";import{showToast as L}from"../../helpers/toast";import{UpdateAvailableModal as $t}from"./UpdateAvailableModal";import{MediaPreviewModal as At}from"./MediaPreviewModal";import{WhiteBackNavigation as Ht,TrashIcon as Mt,SettingsIcon as Bt,CloseWhite as Ot,ChevronDownIcon as Lt,ClockIcon as Se,SizeIcon as Pt,AppleIcon as Et,AndroidIcon as Ft,NpmIcon as Wt,ResetIcon as _t,BoltIcon as Nt,InfoCircleIcon as Ut,CameraIcon as Gt,VideoCameraIcon as Qt}from"../NetworkIcons";import{useTranslation as Jt}from"../../i18n";const Kt=v.memo(()=>{const{t:D}=Jt(),{modalHeightPercent:Z,appIcon:He,selected:R,setSelected:Me,selectedEvent:k,setSelectedEvent:Be,selectedLog:H,setSelectedLog:Oe,selectedReduxSlice:W,setSelectedReduxSlice:Le,selectedReduxAction:G,setSelectedReduxAction:Pe,reduxState:Ee,reduxLastActionMap:Fe,showHeaderInfo:Xt,setShowHeaderInfo:Yt,updateAvailable:ee,latestNpmVersion:We,clearAnim:Te,activePulseAnim:je,unreadPulseAnim:_e,runClearAllWithAnimation:Ne,settingsPage:P,setSettingsPage:te,isAboutOpen:ie,setIsAboutOpen:xe,resetToDefaults:Ue,closeModal:ze,minimizeInspector:Ge,detailTitle:qe,activeTab:A,environment:Ce,visible:Zt,selectedCrash:$,setSelectedCrash:Qe,refreshMediaCount:j}=Tt(),{width:_}=at(),e=_<360,q=_<400,ei=_>=600,[Je,re]=v.useState(!1),[Ke,ti]=v.useState(()=>Rt().formatted),[M,Q]=v.useState(!1),[Xe,oe]=v.useState(0),E=v.useRef(null);v.useEffect(()=>{F.isRecording().then(T=>{Q(T)}).catch(()=>{})},[]),v.useEffect(()=>(M?(oe(0),E.current=setInterval(()=>{oe(T=>T+1)},1e3)):(E.current&&(clearInterval(E.current),E.current=null),oe(0)),()=>{E.current&&clearInterval(E.current)}),[M]);const[Ve,N]=v.useState(null),Ye=v.useCallback(async()=>{try{U("light");const T=await F.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(T){U("success");const V={id:`screenshot_${T.timestamp}.png`,type:"image",format:T.format,uri:T.uri,filename:T.uri.split("/").pop()||`screenshot_${T.timestamp}.png`,sizeBytes:T.sizeBytes,timestamp:T.timestamp,width:T.width,height:T.height};N(V),j?.().catch(()=>{}),L(D("header.screenshotCaptured"))}else L(D("header.screenshotFailed"))}catch{L(D("header.screenshotError"))}},[j,D]),Ze=v.useCallback(async()=>{try{if(M){U("medium");const T=await F.stopRecording();if(Q(!1),T){U("success");const V={id:`video_${T.timestamp}.${T.format}`,type:T.format==="gif"?"gif":"video",format:T.format,uri:T.uri,filename:T.uri.split("/").pop()||`video_${T.timestamp}.${T.format}`,sizeBytes:T.sizeBytes,timestamp:T.timestamp,durationMs:T.durationMs,width:T.width,height:T.height,hasAudio:T.hasAudio};N(V),j?.().catch(()=>{}),L(D("header.recordingSaved",{duration:(T.durationMs/1e3).toFixed(1)}))}}else U("medium"),await F.startRecording({fps:24,audioSource:"none"})?(Q(!0),L(D("header.recordingStarted"))):L(D("header.recordingStartFailed"))}catch{L(D("header.recordingError")),Q(!1)}},[M,D]),et=T=>{const V=Math.floor(T/60),ae=T%60;return`${V.toString().padStart(2,"0")}:${ae.toString().padStart(2,"0")}`},J=ne(()=>{const T=(Ce||(__DEV__?"DEV":"PROD")).trim(),V=T.toUpperCase();return V==="DEV"||V.includes("DEV")||V==="LOCAL"?{label:T,bg:`${t.emerald500}40`,border:`${t.emerald400}8C`,text:t.mintGreenBorder}:V==="UAT"||V==="QA"||V==="TEST"?{label:T,bg:`${t.amber500}47`,border:`${t.amber400}99`,text:t.amberWarmBorder}:V==="PREPROD"||V==="STAGE"||V==="STAGING"?{label:T,bg:`${t.purple500}47`,border:`${t.purple400}99`,text:t.violetSoftBorder}:{label:T,bg:`${t.rose500}40`,border:`${t.roseBorder}8C`,text:t.errorBorder}},[Ce]),K=A==="apis"&&R!=null||A==="analytics"&&k!=null||A==="logs"&&H!=null||A==="redux"&&(W!=null||G!=null)||A==="crash"&&$!=null,X=P!==null,Y=K||X||ie,tt=ne(()=>{switch(P){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"performance":return"Performance Tracker";case"bundle":return"Bundle Analyzer";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";default:return"Settings & Modules"}},[P]),De=ne(()=>se.OS==="ios"?Z>=98?_>=390?50:44:0:se.OS==="android"&&Z>=98?ot.currentHeight||24:0,[Z,_]),B=e?28:q?30:32,it=e?42:q?46:50;return<>
+import v,{useMemo as le}from"react";import{Alert as Re,Animated as ne,Linking as rt,Platform as se,Pressable as $e,StatusBar as ot,Text as C,TouchableOpacity as Ae,useWindowDimensions as at,View as S}from"react-native";import St from"react-native-linear-gradient";import{useInspector as Tt}from"./InspectorContext";import O from"../TouchableScale";import Ct from"../AppHeaderLogo";import i from"../../styles";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as I}from"../../styles/AppFonts";import{METHOD_COLORS as Vt}from"../../constants";import{LIB_VERSION as de}from"../../constants";import{getStatusColor as ce,getAppName as Dt,formatTime as It,getSize as ve,getAppVersionAndBuild as Rt}from"../../helpers";import{triggerNativeHaptic as U}from"../../native/NativeInspector";import{ScreenCapture as F}from"../../capture";import{showToast as L}from"../../helpers/toast";import{UpdateAvailableModal as $t}from"./UpdateAvailableModal";import{MediaPreviewModal as At}from"./MediaPreviewModal";import{WhiteBackNavigation as Ht,TrashIcon as Mt,SettingsIcon as Bt,CloseWhite as Ot,ChevronDownIcon as Lt,ClockIcon as Se,SizeIcon as Pt,AppleIcon as Et,AndroidIcon as Ft,NpmIcon as Wt,ResetIcon as _t,BoltIcon as Nt,InfoCircleIcon as Ut,CameraIcon as Gt,VideoCameraIcon as Qt}from"../NetworkIcons";import{useTranslation as Jt}from"../../i18n";const Kt=v.memo(()=>{const{t:D}=Jt(),{modalHeightPercent:Z,appIcon:He,selected:R,setSelected:Me,selectedEvent:k,setSelectedEvent:Be,selectedLog:H,setSelectedLog:Oe,selectedReduxSlice:W,setSelectedReduxSlice:Le,selectedReduxAction:G,setSelectedReduxAction:Pe,reduxState:Ee,reduxLastActionMap:Fe,showHeaderInfo:Xt,setShowHeaderInfo:Yt,updateAvailable:ee,latestNpmVersion:We,clearAnim:Te,activePulseAnim:je,unreadPulseAnim:_e,runClearAllWithAnimation:Ne,settingsPage:P,setSettingsPage:te,isAboutOpen:ie,setIsAboutOpen:xe,resetToDefaults:Ue,closeModal:ze,minimizeInspector:Ge,detailTitle:qe,activeTab:A,environment:Ce,visible:Zt,selectedCrash:$,setSelectedCrash:Qe,refreshMediaCount:j}=Tt(),{width:_}=at(),e=_<360,q=_<400,ei=_>=600,[Je,re]=v.useState(!1),[Ke,ti]=v.useState(()=>Rt().formatted),[M,Q]=v.useState(!1),[Xe,oe]=v.useState(0),E=v.useRef(null);v.useEffect(()=>{F.isRecording().then(T=>{Q(T)}).catch(()=>{})},[]),v.useEffect(()=>(M?(oe(0),E.current=setInterval(()=>{oe(T=>T+1)},1e3)):(E.current&&(clearInterval(E.current),E.current=null),oe(0)),()=>{E.current&&clearInterval(E.current)}),[M]);const[Ve,N]=v.useState(null),Ye=v.useCallback(async()=>{try{U("light");const T=await F.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(T){U("success");const V={id:`screenshot_${T.timestamp}.png`,type:"image",format:T.format,uri:T.uri,filename:T.uri.split("/").pop()||`screenshot_${T.timestamp}.png`,sizeBytes:T.sizeBytes,timestamp:T.timestamp,width:T.width,height:T.height};N(V),j?.().catch(()=>{}),L(D("header.screenshotCaptured"))}else L(D("header.screenshotFailed"))}catch{L(D("header.screenshotError"))}},[j,D]),Ze=v.useCallback(async()=>{try{if(M){U("medium");const T=await F.stopRecording();if(Q(!1),T){U("success");const V={id:`video_${T.timestamp}.${T.format}`,type:T.format==="gif"?"gif":"video",format:T.format,uri:T.uri,filename:T.uri.split("/").pop()||`video_${T.timestamp}.${T.format}`,sizeBytes:T.sizeBytes,timestamp:T.timestamp,durationMs:T.durationMs,width:T.width,height:T.height,hasAudio:T.hasAudio};N(V),j?.().catch(()=>{}),L(D("header.recordingSaved",{duration:(T.durationMs/1e3).toFixed(1)}))}}else U("medium"),await F.startRecording({fps:24,audioSource:"none"})?(Q(!0),L(D("header.recordingStarted"))):L(D("header.recordingStartFailed"))}catch{L(D("header.recordingError")),Q(!1)}},[M,D]),et=T=>{const V=Math.floor(T/60),ae=T%60;return`${V.toString().padStart(2,"0")}:${ae.toString().padStart(2,"0")}`},J=le(()=>{const T=(Ce||(__DEV__?"DEV":"PROD")).trim(),V=T.toUpperCase();return V==="DEV"||V.includes("DEV")||V==="LOCAL"?{label:T,bg:`${t.emerald500}40`,border:`${t.emerald400}8C`,text:t.mintGreenBorder}:V==="UAT"||V==="QA"||V==="TEST"?{label:T,bg:`${t.amber500}47`,border:`${t.amber400}99`,text:t.amberWarmBorder}:V==="PREPROD"||V==="STAGE"||V==="STAGING"?{label:T,bg:`${t.purple500}47`,border:`${t.purple400}99`,text:t.violetSoftBorder}:{label:T,bg:`${t.rose500}40`,border:`${t.roseBorder}8C`,text:t.errorBorder}},[Ce]),K=A==="apis"&&R!=null||A==="analytics"&&k!=null||A==="logs"&&H!=null||A==="redux"&&(W!=null||G!=null)||A==="crash"&&$!=null,X=P!==null,Y=K||X||ie,tt=le(()=>{switch(P){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";default:return"Settings & Modules"}},[P]),De=le(()=>se.OS==="ios"?Z>=98?_>=390?50:44:0:se.OS==="android"&&Z>=98?ot.currentHeight||24:0,[Z,_]),B=e?28:q?30:32,it=e?42:q?46:50;return<>
       <S style={[i.headerGradient,{minHeight:(e?58:62)+De}]}>
         
         <St colors={[t.indigo600,t.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={{position:"absolute",top:0,left:0,right:0,bottom:0,borderTopLeftRadius:20,borderTopRightRadius:20}}pointerEvents="none"/>
@@ -51,7 +51,7 @@ import v,{useMemo as ne}from"react";import{Alert as Re,Animated as le,Linking as
                         </C>
                       </S>
                       {ee&&<$e hitSlop={10}onPress={()=>re(!0)}style={{flexDirection:"row",alignItems:"center",backgroundColor:t.warningAmber,borderRadius:6,paddingHorizontal:e?5:6.5,paddingVertical:2.5,gap:3.5,shadowColor:t.warningAmber,shadowOffset:{width:0,height:1.5},shadowOpacity:.35,shadowRadius:3,elevation:3,flexShrink:0}}>
-                          <le.View style={{width:5,height:5,borderRadius:2.5,backgroundColor:t.white,opacity:je,transform:[{scale:_e}]}}/>
+                          <ne.View style={{width:5,height:5,borderRadius:2.5,backgroundColor:t.white,opacity:je,transform:[{scale:_e}]}}/>
                           {!e&&<C style={{fontFamily:I.interBold,fontSize:8.5,lineHeight:11,color:t.white,letterSpacing:.3}}>
                               UPDATE
                             </C>}
@@ -276,7 +276,7 @@ import v,{useMemo as ne}from"react";import{Alert as Re,Animated as le,Linking as
 
               
               <O onPress={Ze}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:M?`${t.red500}33`:`${t.white}24`,paddingHorizontal:e?9:11,paddingVertical:e?5:6,borderRadius:7,borderWidth:1,borderColor:M?t.red500:`${t.white}33`}}>
-                {M?<le.View style={{width:6,height:6,borderRadius:3,backgroundColor:t.red500}}/>:<Qt size={e?12:13}color={t.white}/>}
+                {M?<ne.View style={{width:6,height:6,borderRadius:3,backgroundColor:t.red500}}/>:<Qt size={e?12:13}color={t.white}/>}
                 <C style={{fontFamily:I.interSemiBold,fontSize:e?10.5:11.5,lineHeight:e?13:14,color:M?t.red300:t.white}}>
                   {M?`${D("header.rec")} ${et(Xe)}`:D("header.record")}
                 </C>
@@ -286,9 +286,9 @@ import v,{useMemo as ne}from"react";import{Alert as Re,Animated as le,Linking as
             <S style={{flexDirection:"row",alignItems:"center",gap:6}}>
               
                 <O accessible={!0}accessibilityRole="button"accessibilityLabel={D("common.clearAll")}onPress={()=>{Re.alert(D("header.clearEverythingTitle"),D("header.clearEverythingMessage"),[{text:D("common.cancel"),style:"cancel"},{text:D("common.clearAll"),onPress:Ne,style:"destructive"}])}}hitSlop={10}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${t.white}24`,paddingHorizontal:e?9:11,paddingVertical:e?5:6,borderRadius:7,borderWidth:1,borderColor:`${t.white}33`}}>
-                  <le.View style={{transform:[{rotate:Te.interpolate({inputRange:[0,1],outputRange:["0deg","-25deg"]})},{scale:Te.interpolate({inputRange:[0,.5,1],outputRange:[1,1.25,1]})}]}}>
+                  <ne.View style={{transform:[{rotate:Te.interpolate({inputRange:[0,1],outputRange:["0deg","-25deg"]})},{scale:Te.interpolate({inputRange:[0,.5,1],outputRange:[1,1.25,1]})}]}}>
                     <Mt color={t.white}size={e?12:13}/>
-                  </le.View>
+                  </ne.View>
                   <C style={{fontFamily:I.interSemiBold,fontSize:e?10.5:11.5,lineHeight:e?13:14,color:t.white}}>
                     {D("common.clearAll")}
                   </C>