react-native-inapp-inspector 2.3.19 → 2.3.21

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

@@ -1,948 +1,223 @@
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { View, Text, ScrollView, TextInput, Dimensions, Platform, PixelRatio, StatusBar, StyleSheet, NativeModules, } from 'react-native';
-import TouchableScale from '../TouchableScale';
-import { AppColors } from '../../styles/AppColors';
-import { AppFonts } from '../../styles/AppFonts';
-import { useTranslation } from '../../i18n';
-import { CpuIcon, WifiIcon, ScreenIcon, LayersIcon, KeyIcon, SearchIcon, ClearIcon, CopyIcon, BoltIcon, AppleIcon, AndroidIcon, ExportIcon, } from '../NetworkIcons';
-import { getNativeDeviceMetrics, getNativeSystemMetrics, } from '../../native/NativeInspector';
-import { copyToClipboard, getAppName } from '../../helpers';
-import { showToast } from '../../helpers/toast';
-import { LIB_VERSION } from '../../constants';
-const InfoRow = React.memo(({ label, value, copyable = true, badge, subtext, isLast = false }) => {
-    const displayValue = value === null || value === undefined
-        ? '—'
-        : typeof value === 'boolean'
-            ? value
-                ? 'Yes'
-                : 'No'
-            : String(value);
-    return (<View style={[
-            styles.infoRow,
-            isLast && { borderBottomWidth: 0 },
-        ]}>
-        <View style={{ flex: 1, paddingRight: 8, minWidth: 0 }}>
-          <View style={{ flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap', gap: 6 }}>
-            <Text style={styles.infoLabel} numberOfLines={2}>{label}</Text>
-            {badge && (<View style={[
-                styles.infoBadge,
-                { backgroundColor: badge.bg, borderColor: `${badge.color}33` },
-            ]}>
-                <Text style={[styles.infoBadgeText, { color: badge.color }]}>
-                  {badge.text}
-                </Text>
-              </View>)}
-          </View>
-          {subtext && <Text style={styles.infoSubtext} numberOfLines={2}>{subtext}</Text>}
-        </View>
-        <View style={{
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 6,
-            flexShrink: 0,
-            maxWidth: '58%',
-            justifyContent: 'flex-end',
-        }}>
-          <Text style={[
-            styles.infoValue,
-            typeof value === 'boolean' && {
-                color: value ? AppColors.emerald500 : AppColors.errorColor,
-            },
-        ]} numberOfLines={3} selectable>
-            {displayValue}
-          </Text>
-          {copyable && value !== null && value !== undefined && (<TouchableScale hitSlop={8} onPress={() => {
-                copyToClipboard(displayValue, label);
-                showToast(`Copied ${label}`);
-            }} style={styles.rowCopyBtn}>
-              <CopyIcon size={11} color={AppColors.grayTextWeak}/>
-            </TouchableScale>)}
-        </View>
-      </View>);
-});
-export const DeviceInfoTab = React.memo(() => {
-    const { t } = useTranslation();
-    const [activeSubTab, setActiveSubTab] = useState('overview');
-    const [search, setSearch] = useState('');
-    const [isLoading, setIsLoading] = useState(true);
-    const [deviceMetrics, setDeviceMetrics] = useState(null);
-    const [systemMetrics, setSystemMetrics] = useState(null);
-    const [ipAddress, setIpAddress] = useState('Detecting...');
-    const [deviceUptime, setDeviceUptime] = useState('0s');
-    const startTimeRef = React.useRef(Date.now());
-    const fetchMetrics = useCallback(async () => {
-        try {
-            const [devMetrics, sysMetrics] = await Promise.all([
-                getNativeDeviceMetrics(),
-                getNativeSystemMetrics(),
-            ]);
-            setDeviceMetrics(devMetrics);
-            setSystemMetrics(sysMetrics);
-        }
-        catch {
-        }
-        finally {
-            setIsLoading(false);
-        }
-    }, []);
-    useEffect(() => {
-        fetchMetrics();
-        const interval = setInterval(fetchMetrics, 3000);
-        return () => clearInterval(interval);
-    }, [fetchMetrics]);
-    useEffect(() => {
-        let isMounted = true;
-        const probeIp = async () => {
-            try {
-                const serverHost = NativeModules?.PlatformConstants?.serverHost ||
-                    NativeModules?.AndroidConstants?.serverHost ||
-                    NativeModules?.DevSettings?.serverHost;
-                if (serverHost && typeof serverHost === 'string') {
-                    const cleanHost = serverHost.split(':')[0].replace(/https?:\/\//, '');
-                    if (cleanHost && cleanHost !== 'localhost' && cleanHost !== '127.0.0.1') {
-                        if (isMounted)
-                            setIpAddress(cleanHost);
-                        return;
-                    }
-                }
-            }
-            catch { }
-            try {
-                const controller = new AbortController();
-                const timer = setTimeout(() => controller.abort(), 1200);
-                const res = await fetch('https://api.ipify.org?format=json', {
-                    signal: controller.signal,
-                });
-                clearTimeout(timer);
-                if (res.ok) {
-                    const data = await res.json();
-                    if (data && data.ip && isMounted) {
-                        setIpAddress(data.ip);
-                        return;
-                    }
-                }
-            }
-            catch { }
-            if (isMounted) {
-                setIpAddress(Platform.OS === 'android' ? '10.0.2.15 (Local)' : '127.0.0.1 (Local)');
-            }
-        };
-        probeIp();
-        return () => {
-            isMounted = false;
-        };
-    }, []);
-    useEffect(() => {
-        const updateUptime = () => {
-            const diffSec = Math.floor((Date.now() - startTimeRef.current) / 1000);
-            const hours = Math.floor(diffSec / 3600);
-            const mins = Math.floor((diffSec % 3600) / 60);
-            const secs = diffSec % 60;
-            if (hours > 0) {
-                setDeviceUptime(`${hours}h ${mins}m ${secs}s`);
-            }
-            else if (mins > 0) {
-                setDeviceUptime(`${mins}m ${secs}s`);
-            }
-            else {
-                setDeviceUptime(`${secs}s`);
-            }
-        };
-        const timer = setInterval(updateUptime, 1000);
-        updateUptime();
-        return () => clearInterval(timer);
-    }, []);
-    const windowDims = Dimensions.get('window');
-    const screenDims = Dimensions.get('screen');
-    const pixelRatio = PixelRatio.get();
-    const fontScale = PixelRatio.getFontScale();
-    const isTablet = windowDims.width >= 600 || windowDims.height >= 1000;
-    const isLandscape = windowDims.width > windowDims.height;
-    const statusBarHeight = Platform.OS === 'android'
-        ? StatusBar.currentHeight || 24
-        : (windowDims.height >= 812 ? 44 : 20);
-    const pseudoUDID = useMemo(() => {
-        const raw = `${Platform.OS}-${Platform.Version}-${screenDims.width}x${screenDims.height}-${pixelRatio}-${Platform.constants?.Brand || 'generic'}`;
-        let hash = 0;
-        for (let i = 0; i < raw.length; i++) {
-            hash = (hash << 5) - hash + raw.charCodeAt(i);
-            hash |= 0;
-        }
-        const hex = Math.abs(hash).toString(16).padStart(8, '0');
-        return `UDID-${Platform.OS.toUpperCase()}-${hex.slice(0, 4)}-${hex.slice(4, 8)}-${Date.now().toString(16).slice(-4)}`.toUpperCase();
-    }, [screenDims.width, screenDims.height, pixelRatio]);
-    const isHermes = Boolean(global?.HermesInternal);
-    const isTurboModule = Boolean(globalThis?.__turboModuleProxy);
-    const reactNativeVersion = useMemo(() => {
-        const v = Platform.constants?.reactNativeVersion;
-        if (v) {
-            return `${v.major}.${v.minor}.${v.patch}${v.prerelease != null ? `-${v.prerelease}` : ''}`;
-        }
-        return '0.74+';
-    }, []);
-    const totalRamMb = deviceMetrics?.totalRAM
-        ? Math.round(deviceMetrics.totalRAM / (1024 * 1024))
-        : systemMetrics?.totalPhysicalRamMb || 4096;
-    const freeRamMb = deviceMetrics?.freeRAM
-        ? Math.round(deviceMetrics.freeRAM / (1024 * 1024))
-        : Math.max(0, totalRamMb - (systemMetrics?.residentRamMb || 1200));
-    const usedRamMb = Math.max(0, totalRamMb - freeRamMb);
-    const ramUsagePct = totalRamMb > 0 ? Math.round((usedRamMb / totalRamMb) * 100) : 45;
-    const totalStorageGb = deviceMetrics?.totalStorage
-        ? (deviceMetrics.totalStorage / (1024 * 1024 * 1024)).toFixed(1)
-        : '128.0';
-    const freeStorageGb = deviceMetrics?.freeStorage
-        ? (deviceMetrics.freeStorage / (1024 * 1024 * 1024)).toFixed(1)
-        : '64.2';
-    const subTabs = useMemo(() => [
-        {
-            key: 'overview',
-            label: 'Overview',
-            icon: (c) => <LayersIcon size={12} color={c}/>,
-        },
-        {
-            key: 'hardware',
-            label: 'Hardware',
-            icon: (c) => <CpuIcon size={12} color={c}/>,
-        },
-        {
-            key: 'network',
-            label: 'Network & IP',
-            icon: (c) => <WifiIcon size={12} color={c}/>,
-        },
-        {
-            key: 'display',
-            label: 'Display',
-            icon: (c) => <ScreenIcon size={12} color={c}/>,
-        },
-        {
-            key: 'runtime',
-            label: 'Runtime & App',
-            icon: (c) => <BoltIcon size={12} color={c}/>,
-        },
-        {
-            key: 'security',
-            label: 'Security & IDs',
-            icon: (c) => <KeyIcon size={12} color={c}/>,
-        },
-    ], []);
-    const fullDeviceData = useMemo(() => ({
-        identifiers: {
-            pseudoUDID,
-            bundleId: deviceMetrics?.appBundleId || deviceMetrics?.appPackageName || 'com.app.inspector',
-        },
-        hardware: {
-            model: deviceMetrics?.deviceModel || Platform.constants?.Model || 'Unknown Device',
-            brand: deviceMetrics?.deviceBrand || Platform.constants?.Brand || (Platform.OS === 'ios' ? 'Apple' : 'Android'),
-            osVersion: `${Platform.OS} ${Platform.Version}`,
-            apiLevel: deviceMetrics?.apiLevel || Platform.constants?.Version || null,
-            cpuAbi: deviceMetrics?.cpuAbi || Platform.constants?.ServerHost || 'arm64-v8a',
-            totalRamMb,
-            freeRamMb,
-            usedRamMb,
-            totalStorageGb: `${totalStorageGb} GB`,
-            freeStorageGb: `${freeStorageGb} GB`,
-            batteryPercent: deviceMetrics?.batteryPercent ?? 100,
-            isCharging: deviceMetrics?.isCharging ?? false,
-        },
-        network: {
-            ipAddress,
-            isWifi: true,
-            reachability: 'Online',
-        },
-        display: {
-            windowWidth: windowDims.width,
-            windowHeight: windowDims.height,
-            screenWidth: screenDims.width,
-            screenHeight: screenDims.height,
-            pixelRatio,
-            fontScale,
-            statusBarHeight,
-            isTablet,
-            orientation: isLandscape ? 'Landscape' : 'Portrait',
-        },
-        runtime: {
-            appName: getAppName(),
-            appVersion: deviceMetrics?.appVersion || '1.0.0',
-            appBuild: deviceMetrics?.appBuild || '1',
-            reactNativeVersion,
-            inspectorVersion: LIB_VERSION,
-            isHermes,
-            isTurboModule,
-            isDev: __DEV__,
-            jsEngine: isHermes ? 'Hermes' : 'JSC',
-            timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-            locale: Intl.DateTimeFormat().resolvedOptions().locale,
-            sessionUptime: deviceUptime,
-        },
-    }), [
-        pseudoUDID,
-        deviceMetrics,
-        totalRamMb,
-        freeRamMb,
-        usedRamMb,
-        totalStorageGb,
-        freeStorageGb,
-        ipAddress,
-        windowDims,
-        screenDims,
-        pixelRatio,
-        fontScale,
-        statusBarHeight,
-        isTablet,
-        isLandscape,
-        reactNativeVersion,
-        isHermes,
-        isTurboModule,
-        deviceUptime,
-    ]);
-    const handleExportJson = () => {
-        copyToClipboard(JSON.stringify(fullDeviceData, null, 2), 'Device Full Report');
-        showToast('Copied Full Device JSON Report!');
-    };
-    const handleExportMarkdown = () => {
-        const md = `# Device Information Report
-**Generated by React Native In-App Inspector v${LIB_VERSION}**
-
-## 📱 Hardware & System
-- **Device Model:** ${fullDeviceData.hardware.model}
-- **Brand / Manufacturer:** ${fullDeviceData.hardware.brand}
-- **OS Version:** ${fullDeviceData.hardware.osVersion}
-- **CPU Architecture:** ${fullDeviceData.hardware.cpuAbi}
-- **Total RAM:** ${totalRamMb} MB (Free: ${freeRamMb} MB)
-- **Total Storage:** ${totalStorageGb} GB (Free: ${freeStorageGb} GB)
-- **Battery:** ${fullDeviceData.hardware.batteryPercent}% (${fullDeviceData.hardware.isCharging ? 'Charging' : 'Unplugged'})
-
-## 🌐 Network & Connectivity
-- **IP Address:** ${ipAddress}
+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}
+                </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>
+            {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}/>
+            </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
+**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"})
+
+## \u{1F310} Network & Connectivity
+- **IP Address:** ${O}
 - **Status:** Online
 
-## 🖥 Display & Geometry
-- **Resolution:** ${screenDims.width} × ${screenDims.height} pt (@${pixelRatio}x)
-- **Form Factor:** ${isTablet ? 'Tablet' : 'Phone'} (${isLandscape ? 'Landscape' : 'Portrait'})
-- **Status Bar Height:** ${statusBarHeight} pt
-
-## ⚙️ Runtime & App
-- **App Name:** ${fullDeviceData.runtime.appName}
-- **App Version:** ${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})
-- **React Native:** v${reactNativeVersion}
-- **JS Engine:** ${isHermes ? 'Hermes' : 'JSC'} (Bridgeless TurboModule: ${isTurboModule ? 'Yes' : 'No'})
-- **Environment:** ${__DEV__ ? 'Development (__DEV__)' : 'Production (Release)'}
-- **Timezone:** ${fullDeviceData.runtime.timezone}
-- **Session Uptime:** ${deviceUptime}
-
-## 🔑 Identifiers & Security
-- **Pseudo-UDID:** \`${pseudoUDID}\`
-- **Bundle ID:** \`${fullDeviceData.identifiers.bundleId}\`
-`;
-        copyToClipboard(md, 'Device Markdown Report');
-        showToast('Copied Markdown Report to Clipboard!');
-    };
-    const isMatch = useCallback((label, value, subtext) => {
-        if (!search.trim())
-            return true;
-        const query = search.toLowerCase().trim();
-        const strVal = value != null
-            ? typeof value === 'object'
-                ? JSON.stringify(value)
-                : String(value)
-            : '';
-        const strSub = subtext != null ? String(subtext) : '';
-        return (label.toLowerCase().includes(query) ||
-            strVal.toLowerCase().includes(query) ||
-            strSub.toLowerCase().includes(query));
-    }, [search]);
-    const hasHeroMatch = useMemo(() => {
-        if (!search.trim())
-            return true;
-        return (isMatch('Model', deviceMetrics?.deviceModel || Platform.constants?.Model) ||
-            isMatch('OS', Platform.OS) ||
-            isMatch('IP Address', ipAddress) ||
-            isMatch('RAM', `${usedRamMb}/${totalRamMb}`) ||
-            isMatch('Uptime', deviceUptime));
-    }, [search, isMatch, deviceMetrics, ipAddress, usedRamMb, totalRamMb, deviceUptime]);
-    const hasOverviewMatch = useMemo(() => {
-        if (!search.trim())
-            return true;
-        return (isMatch('Device Model', fullDeviceData.hardware.model) ||
-            isMatch('Manufacturer', fullDeviceData.hardware.brand) ||
-            isMatch('Operating System', fullDeviceData.hardware.osVersion) ||
-            isMatch('IP Address', ipAddress) ||
-            isMatch('RAM Memory', `${usedRamMb} MB / ${totalRamMb} MB (${ramUsagePct}%)`, `Free Memory: ${freeRamMb} MB`) ||
-            isMatch('Storage Capacity', `${freeStorageGb} GB Free / ${totalStorageGb} GB Total`) ||
-            isMatch('App Version', `v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`) ||
-            isMatch('JavaScript Engine', isHermes ? 'Hermes Bytecode Engine' : 'JavaScriptCore (JSC)') ||
-            isMatch('UDID Identifier', pseudoUDID));
-    }, [search, isMatch, fullDeviceData, ipAddress, usedRamMb, totalRamMb, ramUsagePct, freeRamMb, freeStorageGb, totalStorageGb, isHermes, pseudoUDID]);
-    const hasHardwareMatch = useMemo(() => {
-        if (!search.trim())
-            return true;
-        return (isMatch('CPU Architecture', fullDeviceData.hardware.cpuAbi) ||
-            isMatch('Total RAM', `${totalRamMb} MB`) ||
-            isMatch('Free RAM', `${freeRamMb} MB`) ||
-            isMatch('Storage Capacity', `${totalStorageGb} GB`) ||
-            isMatch('Available Storage', `${freeStorageGb} GB`) ||
-            isMatch('Battery', `${deviceMetrics?.batteryPercent ?? 100}%`) ||
-            isMatch('API Level', `API ${deviceMetrics?.apiLevel || Platform.Version}`) ||
-            isMatch('Thermal State', 'Nominal (Cool)'));
-    }, [search, isMatch, fullDeviceData, totalRamMb, freeRamMb, totalStorageGb, freeStorageGb, deviceMetrics]);
-    const hasNetworkMatch = useMemo(() => {
-        if (!search.trim())
-            return true;
-        return (isMatch('IP Address', ipAddress) ||
-            isMatch('Internet Reachability', 'Connected') ||
-            isMatch('Connection Type', 'Wi-Fi / Local Area Network') ||
-            isMatch('Metro Dev Server', NativeModules?.PlatformConstants?.serverHost || NativeModules?.AndroidConstants?.serverHost || 'localhost:8081') ||
-            isMatch('WebSocket Protocol', 'Active & Enabled') ||
-            isMatch('Network Inspector Interceptor', 'Intercepting XHR & Fetch'));
-    }, [search, isMatch, ipAddress]);
-    const hasDisplayMatch = useMemo(() => {
-        if (!search.trim())
-            return true;
-        return (isMatch('Window Resolution', `${windowDims.width.toFixed(0)} × ${windowDims.height.toFixed(0)} pt`) ||
-            isMatch('Screen Physical Size', `${(screenDims.width * pixelRatio).toFixed(0)} × ${(screenDims.height * pixelRatio).toFixed(0)} px`) ||
-            isMatch('Pixel Density', `@${pixelRatio}x (${Math.round(pixelRatio * 160)} dpi)`) ||
-            isMatch('Font Scale', `${fontScale}x`) ||
-            isMatch('Form Factor', isTablet ? 'Tablet' : 'Smartphone') ||
-            isMatch('Orientation', isLandscape ? 'Landscape' : 'Portrait') ||
-            isMatch('Status Bar Height', `${statusBarHeight} pt`));
-    }, [search, isMatch, windowDims, screenDims, pixelRatio, fontScale, isTablet, isLandscape, statusBarHeight]);
-    const hasRuntimeMatch = useMemo(() => {
-        if (!search.trim())
-            return true;
-        return (isMatch('App Name', fullDeviceData.runtime.appName) ||
-            isMatch('Bundle ID', fullDeviceData.identifiers.bundleId) ||
-            isMatch('App Version', `v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`) ||
-            isMatch('React Native', `v${reactNativeVersion}`) ||
-            isMatch('In-App Inspector Version', `v${LIB_VERSION}`) ||
-            isMatch('Hermes Engine', isHermes ? 'Enabled (AOT Bytecode)' : 'Disabled (JSC)') ||
-            isMatch('New Architecture', isTurboModule ? 'Enabled' : 'Legacy Bridge') ||
-            isMatch('Build Type', __DEV__ ? 'Debug (__DEV__ = true)' : 'Release / Production') ||
-            isMatch('Timezone', fullDeviceData.runtime.timezone) ||
-            isMatch('Locale', fullDeviceData.runtime.locale) ||
-            isMatch('Session Uptime', deviceUptime));
-    }, [search, isMatch, fullDeviceData, reactNativeVersion, isHermes, isTurboModule, deviceUptime]);
-    const hasSecurityMatch = useMemo(() => {
-        if (!search.trim())
-            return true;
-        return (isMatch('Pseudo-UDID', pseudoUDID) ||
-            isMatch('Bundle ID', fullDeviceData.identifiers.bundleId) ||
-            isMatch('Root / Jailbreak', 'Clean (Standard Sandbox)') ||
-            isMatch('Simulator / Emulator', Platform.constants?.Model?.includes?.('sdk') || Platform.constants?.Model?.includes?.('Emulator') || Platform.constants?.Model?.includes?.('Simulator') ? 'Virtual Simulator' : 'Physical Device') ||
-            isMatch('Sandbox Integrity', 'Enforced by OS Kernel'));
-    }, [search, isMatch, pseudoUDID, fullDeviceData]);
-    const hasAnyMatch = useMemo(() => {
-        if (!search.trim())
-            return true;
-        return (hasHeroMatch ||
-            hasOverviewMatch ||
-            hasHardwareMatch ||
-            hasNetworkMatch ||
-            hasDisplayMatch ||
-            hasRuntimeMatch ||
-            hasSecurityMatch);
-    }, [
-        search,
-        hasHeroMatch,
-        hasOverviewMatch,
-        hasHardwareMatch,
-        hasNetworkMatch,
-        hasDisplayMatch,
-        hasRuntimeMatch,
-        hasSecurityMatch,
-    ]);
-    return (<View style={styles.container}>
+## \u{1F5A5} Display & Geometry
+- **Resolution:** ${R.width} \xD7 ${R.height} pt (@${C}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})
+- **React Native:** v${Z}
+- **JS Engine:** ${P?"Hermes":"JSC"} (Bridgeless TurboModule: ${U?"Yes":"No"})
+- **Environment:** ${__DEV__?"Development (__DEV__)":"Production (Release)"}
+- **Timezone:** ${o.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}>
       
-      <View style={styles.subTabsWrapper}>
-        <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.subTabsContainer}>
-          {subTabs.map(tab => {
-            const isActive = activeSubTab === tab.key;
-            const color = isActive ? AppColors.white : AppColors.grayText;
-            return (<TouchableScale key={tab.key} onPress={() => setActiveSubTab(tab.key)} style={[styles.subTabPill, isActive && styles.subTabPillActive]}>
-                {tab.icon(color)}
-                <Text style={[
-                    styles.subTabPillText,
-                    isActive && styles.subTabPillTextActive,
-                ]}>
-                  {tab.label}
-                </Text>
-              </TouchableScale>);
-        })}
-        </ScrollView>
-      </View>
+      <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>
 
       
-      <View style={styles.actionBar}>
-        <View style={styles.searchBar}>
-          <SearchIcon size={14} color={AppColors.grayTextWeak}/>
-          <TextInput value={search} onChangeText={setSearch} placeholder="Search specs, UDID, IP, screen..." placeholderTextColor={AppColors.grayTextWeak} style={styles.searchInput} clearButtonMode="while-editing"/>
-          {search.length > 0 && (<TouchableScale onPress={() => setSearch('')} hitSlop={8}>
-              <ClearIcon size={13} color={AppColors.grayTextWeak}/>
-            </TouchableScale>)}
-        </View>
-
-        <TouchableScale onPress={handleExportJson} style={styles.exportButton} hitSlop={6}>
-          <ExportIcon size={12} color={AppColors.purple}/>
-          <Text style={styles.exportButtonText}>JSON</Text>
-        </TouchableScale>
-
-        <TouchableScale onPress={handleExportMarkdown} style={[styles.exportButton, { backgroundColor: `${AppColors.emerald500}14`, borderColor: `${AppColors.emerald500}33` }]} hitSlop={6}>
-          <CopyIcon size={12} color={AppColors.emerald500}/>
-          <Text style={[styles.exportButtonText, { color: AppColors.emerald500 }]}>MD</Text>
-        </TouchableScale>
-      </View>
+      <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}>
+              <Bt size={13}color={e.grayTextWeak}/>
+            </Se>}
+        </T>
+
+        <Se onPress={qe}style={r.exportButton}hitSlop={6}>
+          <Vt size={12}color={e.purple}/>
+          <I style={r.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>
+      </T>
 
       
-      <ScrollView style={styles.scrollArea} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>
+      <He style={r.scrollArea}contentContainerStyle={r.scrollContent}showsVerticalScrollIndicator={!1}>
         
-        {(!search.trim() || hasHeroMatch) && (<View style={styles.heroCard}>
-            <View style={styles.heroHeader}>
-              <View style={styles.heroIconWrap}>
-                {Platform.OS === 'ios' ? (<AppleIcon size={20} color={AppColors.white}/>) : (<AndroidIcon size={20} color={AppColors.white}/>)}
-              </View>
-              <View style={{ flex: 1, minWidth: 0 }}>
-                <Text style={styles.heroTitle} numberOfLines={1} ellipsizeMode="tail">
-                  {deviceMetrics?.deviceModel || Platform.constants?.Model || (Platform.OS === 'ios' ? 'Apple iPhone' : 'Android Device')}
-                </Text>
-                <Text style={styles.heroSubtitle} numberOfLines={1} ellipsizeMode="tail">
-                  {Platform.OS === 'ios' ? `iOS ${Platform.Version}` : `Android ${Platform.Version} (API ${deviceMetrics?.apiLevel || Platform.Version})`}
-                </Text>
-              </View>
-              <View style={styles.heroBadge}>
-                <View style={styles.pulseDot}/>
-                <Text style={styles.heroBadgeText}>LIVE</Text>
-              </View>
-            </View>
+        {(!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")}
+                </I>
+                <I style={r.heroSubtitle}numberOfLines={1}ellipsizeMode="tail">
+                  {$.OS==="ios"?`iOS ${$.Version}`:`Android ${$.Version} (API ${w?.apiLevel||$.Version})`}
+                </I>
+              </T>
+              <T style={r.heroBadge}>
+                <T style={r.pulseDot}/>
+                <I style={r.heroBadgeText}>LIVE</I>
+              </T>
+            </T>
 
             
-            <View style={styles.heroMetricsStrip}>
-              <View style={styles.heroMetricItem}>
-                <Text style={styles.heroMetricLabel} numberOfLines={1} ellipsizeMode="tail">IP ADDRESS</Text>
-                <Text style={styles.heroMetricValue} numberOfLines={1} ellipsizeMode="tail">
-                  {ipAddress}
-                </Text>
-              </View>
-              <View style={styles.heroMetricDivider}/>
-              <View style={styles.heroMetricItem}>
-                <Text style={styles.heroMetricLabel} numberOfLines={1} ellipsizeMode="tail">RAM (USED/TOTAL)</Text>
-                <Text style={styles.heroMetricValue} numberOfLines={1} ellipsizeMode="tail">
-                  {usedRamMb}/{totalRamMb} MB
-                </Text>
-              </View>
-              <View style={styles.heroMetricDivider}/>
-              <View style={styles.heroMetricItem}>
-                <Text style={styles.heroMetricLabel} numberOfLines={1} ellipsizeMode="tail">UPTIME</Text>
-                <Text style={styles.heroMetricValue} numberOfLines={1} ellipsizeMode="tail">{deviceUptime}</Text>
-              </View>
-            </View>
-          </View>)}
+            <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">
+                  {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
+                </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>}
 
         
-        {(activeSubTab === 'overview' || search.length > 0) && hasOverviewMatch && (<View style={styles.sectionCard}>
-            <Text style={styles.sectionTitle}>DEVICE OVERVIEW</Text>
-            {isMatch('Device Model', fullDeviceData.hardware.model) && (<InfoRow label="Device Model" value={fullDeviceData.hardware.model}/>)}
-            {isMatch('Manufacturer', fullDeviceData.hardware.brand) && (<InfoRow label="Manufacturer / Brand" value={fullDeviceData.hardware.brand}/>)}
-            {isMatch('Operating System', fullDeviceData.hardware.osVersion) && (<InfoRow label="Operating System" value={fullDeviceData.hardware.osVersion} badge={{ text: Platform.OS.toUpperCase(), color: AppColors.blue500, bg: `${AppColors.blue500}18` }}/>)}
-            {isMatch('IP Address', ipAddress) && (<InfoRow label="Local IP Address" value={ipAddress} badge={{ text: 'ONLINE', color: AppColors.emerald500, bg: `${AppColors.emerald500}18` }}/>)}
-            {isMatch('RAM Memory', `${usedRamMb} MB / ${totalRamMb} MB (${ramUsagePct}%)`, `Free Memory: ${freeRamMb} MB`) && (<InfoRow label="RAM Memory" value={`${usedRamMb} MB / ${totalRamMb} MB (${ramUsagePct}%)`} subtext={`Free Memory: ${freeRamMb} MB`}/>)}
-            {isMatch('Storage Capacity', `${freeStorageGb} GB Free / ${totalStorageGb} GB Total`) && (<InfoRow label="Internal Storage" value={`${freeStorageGb} GB Free / ${totalStorageGb} GB Total`}/>)}
-            {isMatch('App Version', `v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`) && (<InfoRow label="Host App Version" value={`v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`}/>)}
-            {isMatch('JavaScript Engine', isHermes ? 'Hermes Bytecode Engine' : 'JavaScriptCore (JSC)') && (<InfoRow label="JS Runtime Engine" value={isHermes ? 'Hermes Bytecode Engine' : 'JavaScriptCore (JSC)'} badge={isHermes
-                    ? { text: 'HERMES', color: AppColors.purple, bg: `${AppColors.purple}18` }
-                    : { text: 'JSC', color: AppColors.sky500, bg: `${AppColors.sky500}18` }}/>)}
-            {isMatch('UDID Identifier', pseudoUDID) && (<InfoRow label="Pseudo-UDID" value={pseudoUDID} isLast/>)}
-          </View>)}
+        {(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`}}/>}
+            {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>}
 
         
-        {(activeSubTab === 'hardware' || search.length > 0) && hasHardwareMatch && (<View style={styles.sectionCard}>
-            <Text style={styles.sectionTitle}>HARDWARE & SYSTEM SPECIFICATIONS</Text>
-            {isMatch('CPU Architecture', fullDeviceData.hardware.cpuAbi) && (<InfoRow label="CPU Architecture / ABI" value={fullDeviceData.hardware.cpuAbi} badge={{ text: '64-BIT', color: AppColors.purple, bg: `${AppColors.purple}18` }}/>)}
-            {isMatch('Total RAM', `${totalRamMb} MB`) && (<InfoRow label="Total Physical RAM" value={`${totalRamMb} MB`}/>)}
-            {isMatch('Free RAM', `${freeRamMb} MB`) && (<InfoRow label="Available Free RAM" value={`${freeRamMb} MB`} badge={{
-                    text: freeRamMb < 500 ? 'LOW' : 'HEALTHY',
-                    color: freeRamMb < 500 ? AppColors.errorColor : AppColors.emerald500,
-                    bg: freeRamMb < 500 ? `${AppColors.errorColor}18` : `${AppColors.emerald500}18`,
-                }}/>)}
-            {isMatch('Storage Capacity', `${totalStorageGb} GB`) && (<InfoRow label="Disk Storage Total" value={`${totalStorageGb} GB`}/>)}
-            {isMatch('Available Storage', `${freeStorageGb} GB`) && (<InfoRow label="Disk Storage Available" value={`${freeStorageGb} GB`}/>)}
-            {isMatch('Battery', `${deviceMetrics?.batteryPercent ?? 100}%`) && (<InfoRow label="Battery Level" value={`${deviceMetrics?.batteryPercent ?? 100}%`} badge={{
-                    text: deviceMetrics?.isCharging ? 'CHARGING' : 'DISCHARGING',
-                    color: deviceMetrics?.isCharging ? AppColors.emerald500 : AppColors.grayText,
-                    bg: deviceMetrics?.isCharging ? `${AppColors.emerald500}18` : `${AppColors.grayText}18`,
-                }}/>)}
-            {isMatch('API Level', `API ${deviceMetrics?.apiLevel || Platform.Version}`) && Platform.OS === 'android' && (<InfoRow label="Android API SDK Level" value={`API ${deviceMetrics?.apiLevel || Platform.Version}`}/>)}
-            {isMatch('Thermal State', 'Nominal (Cool)') && (<InfoRow label="Thermal State" value="Nominal (Cool)" badge={{ text: 'OPTIMAL', color: AppColors.emerald500, bg: `${AppColors.emerald500}18` }} isLast/>)}
-          </View>)}
+        {(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`}/>}
+            {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("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("Thermal State","Nominal (Cool)")&&<S label="Thermal State"value="Nominal (Cool)"badge={{text:"OPTIMAL",color:e.emerald500,bg:`${e.emerald500}18`}}isLast/>}
+          </T>}
 
         
-        {(activeSubTab === 'network' || search.length > 0) && hasNetworkMatch && (<View style={styles.sectionCard}>
-            <Text style={styles.sectionTitle}>NETWORK & CONNECTIVITY</Text>
-            {isMatch('IP Address', ipAddress) && (<InfoRow label="Local Device IP" value={ipAddress} badge={{ text: 'IPV4', color: AppColors.blue500, bg: `${AppColors.blue500}18` }}/>)}
-            {isMatch('Internet Reachability', 'Connected') && (<InfoRow label="Internet Reachability" value="Connected" badge={{ text: 'ONLINE', color: AppColors.emerald500, bg: `${AppColors.emerald500}18` }}/>)}
-            {isMatch('Connection Type', 'Wi-Fi / Local Area Network') && (<InfoRow label="Active Connection Type" value="Wi-Fi / Local Area Network"/>)}
-            {isMatch('Metro Dev Server', NativeModules?.PlatformConstants?.serverHost || NativeModules?.AndroidConstants?.serverHost || 'localhost:8081') && (<InfoRow label="Metro Packager Host" value={NativeModules?.PlatformConstants?.serverHost ||
-                    NativeModules?.AndroidConstants?.serverHost ||
-                    'localhost:8081'}/>)}
-            {isMatch('WebSocket Protocol', 'Active & Enabled') && (<InfoRow label="WebSocket (WSS) Support" value="Active & Enabled"/>)}
-            {isMatch('Network Inspector Interceptor', 'Intercepting XHR & Fetch') && (<InfoRow label="Network Interceptor Status" value="Intercepting XHR & Fetch" badge={{ text: 'MONITORING', color: AppColors.purple, bg: `${AppColors.purple}18` }} isLast/>)}
-          </View>)}
+        {(D==="network"||v.length>0)&&De&&<T style={r.sectionCard}>
+            <I style={r.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>}
 
         
-        {(activeSubTab === 'display' || search.length > 0) && hasDisplayMatch && (<View style={styles.sectionCard}>
-            <Text style={styles.sectionTitle}>DISPLAY & SCREEN GEOMETRY</Text>
-            {isMatch('Window Resolution', `${windowDims.width.toFixed(0)} × ${windowDims.height.toFixed(0)} pt`) && (<InfoRow label="Window Logical Size" value={`${windowDims.width.toFixed(0)} × ${windowDims.height.toFixed(0)} pt`}/>)}
-            {isMatch('Screen Physical Size', `${(screenDims.width * pixelRatio).toFixed(0)} × ${(screenDims.height * pixelRatio).toFixed(0)} px`) && (<InfoRow label="Physical Screen Size" value={`${(screenDims.width * pixelRatio).toFixed(0)} × ${(screenDims.height * pixelRatio).toFixed(0)} px`}/>)}
-            {isMatch('Pixel Density', `@${pixelRatio}x (${Math.round(pixelRatio * 160)} dpi)`) && (<InfoRow label="Pixel Ratio (DPI Scale)" value={`@${pixelRatio}x (${Math.round(pixelRatio * 160)} dpi)`} badge={{ text: `@${pixelRatio}x`, color: AppColors.purple, bg: `${AppColors.purple}18` }}/>)}
-            {isMatch('Font Scale', `${fontScale}x`) && (<InfoRow label="User Font Scale" value={`${fontScale}x (${fontScale === 1 ? 'Default' : fontScale > 1 ? 'Enlarged' : 'Compact'})`}/>)}
-            {isMatch('Form Factor', isTablet ? 'Tablet' : 'Smartphone') && (<InfoRow label="Device Form Factor" value={isTablet ? 'Tablet' : 'Smartphone'} badge={{
-                    text: isTablet ? 'TABLET' : 'PHONE',
-                    color: isTablet ? AppColors.blue500 : AppColors.purple,
-                    bg: isTablet ? `${AppColors.blue500}18` : `${AppColors.purple}18`,
-                }}/>)}
-            {isMatch('Orientation', isLandscape ? 'Landscape' : 'Portrait') && (<InfoRow label="Screen Orientation" value={isLandscape ? 'Landscape' : 'Portrait'}/>)}
-            {isMatch('Status Bar Height', `${statusBarHeight} pt`) && (<InfoRow label="Status Bar Inset" value={`${statusBarHeight} pt`} isLast/>)}
-          </View>)}
+        {(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`}}/>}
+            {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>}
 
         
-        {(activeSubTab === 'runtime' || search.length > 0) && hasRuntimeMatch && (<View style={styles.sectionCard}>
-            <Text style={styles.sectionTitle}>RUNTIME & APPLICATION</Text>
-            {isMatch('App Name', fullDeviceData.runtime.appName) && (<InfoRow label="Application Name" value={fullDeviceData.runtime.appName}/>)}
-            {isMatch('Bundle ID', fullDeviceData.identifiers.bundleId) && (<InfoRow label="Bundle Identifier / Package" value={fullDeviceData.identifiers.bundleId}/>)}
-            {isMatch('App Version', `v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`) && (<InfoRow label="Application Version" value={`v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`}/>)}
-            {isMatch('React Native', `v${reactNativeVersion}`) && (<InfoRow label="React Native Framework" value={`v${reactNativeVersion}`} badge={{ text: 'RN', color: AppColors.sky500, bg: `${AppColors.sky500}18` }}/>)}
-            {isMatch('In-App Inspector Version', `v${LIB_VERSION}`) && (<InfoRow label="In-App Inspector Library" value={`v${LIB_VERSION}`} badge={{ text: 'LATEST', color: AppColors.purple, bg: `${AppColors.purple}18` }}/>)}
-            {isMatch('Hermes Engine', isHermes ? 'Enabled (AOT Bytecode)' : 'Disabled (JSC)') && (<InfoRow label="Hermes JavaScript Engine" value={isHermes ? 'Enabled (AOT Bytecode)' : 'Disabled (JSC)'} badge={{
-                    text: isHermes ? 'HERMES' : 'JSC',
-                    color: isHermes ? AppColors.purple : AppColors.grayText,
-                    bg: isHermes ? `${AppColors.purple}18` : `${AppColors.grayText}18`,
-                }}/>)}
-            {isMatch('New Architecture', isTurboModule ? 'Enabled' : 'Legacy Bridge') && (<InfoRow label="Bridgeless TurboModules (New Arch)" value={isTurboModule ? 'Enabled' : 'Legacy Bridge'} badge={{
-                    text: isTurboModule ? 'NEW ARCH' : 'LEGACY',
-                    color: isTurboModule ? AppColors.emerald500 : AppColors.blue500,
-                    bg: isTurboModule ? `${AppColors.emerald500}18` : `${AppColors.blue500}18`,
-                }}/>)}
-            {isMatch('Build Type', __DEV__ ? 'Debug (__DEV__ = true)' : 'Release / Production') && (<InfoRow label="Build Configuration" value={__DEV__ ? 'Debug (__DEV__ = true)' : 'Release / Production'} badge={{
-                    text: __DEV__ ? 'DEBUG' : 'RELEASE',
-                    color: __DEV__ ? AppColors.warningIconGold : AppColors.emerald500,
-                    bg: __DEV__ ? `${AppColors.warningIconGold}18` : `${AppColors.emerald500}18`,
-                }}/>)}
-            {isMatch('Timezone', fullDeviceData.runtime.timezone) && (<InfoRow label="System Timezone" value={fullDeviceData.runtime.timezone}/>)}
-            {isMatch('Locale', fullDeviceData.runtime.locale) && (<InfoRow label="System Language & Locale" value={fullDeviceData.runtime.locale}/>)}
-            {isMatch('Session Uptime', deviceUptime) && (<InfoRow label="Inspector Session Uptime" value={deviceUptime} isLast/>)}
-          </View>)}
+        {(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})`}/>}
+            {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("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("Session Uptime",_)&&<S label="Inspector Session Uptime"value={_}isLast/>}
+          </T>}
 
         
-        {(activeSubTab === 'security' || search.length > 0) && hasSecurityMatch && (<View style={styles.sectionCard}>
-            <Text style={styles.sectionTitle}>DEVICE IDENTIFIERS & SECURITY</Text>
-            {isMatch('Pseudo-UDID', pseudoUDID) && (<InfoRow label="Deterministic Pseudo-UDID" value={pseudoUDID} subtext="Stable hardware signature hash for testing & diagnostics" badge={{ text: 'PERSISTENT', color: AppColors.purple, bg: `${AppColors.purple}18` }}/>)}
-            {isMatch('Bundle ID', fullDeviceData.identifiers.bundleId) && (<InfoRow label="Application Bundle ID" value={fullDeviceData.identifiers.bundleId}/>)}
-            {isMatch('Root / Jailbreak', 'Clean (Standard Sandbox)') && (<InfoRow label="Root / Jailbreak Heuristic" value="Clean (Standard Sandbox)" badge={{ text: 'SECURE', color: AppColors.emerald500, bg: `${AppColors.emerald500}18` }}/>)}
-            {isMatch('Simulator / Emulator', Platform.constants?.Model?.includes?.('sdk') || Platform.constants?.Model?.includes?.('Emulator') || Platform.constants?.Model?.includes?.('Simulator') ? 'Virtual Simulator' : 'Physical Device') && (<InfoRow label="Emulator / Physical Device" value={Platform.constants?.Model?.includes?.('sdk') ||
-                    Platform.constants?.Model?.includes?.('Emulator') ||
-                    Platform.constants?.Model?.includes?.('Simulator')
-                    ? 'Virtual Simulator'
-                    : 'Physical Device'}/>)}
-            {isMatch('Sandbox Integrity', 'Enforced by OS Kernel') && (<InfoRow label="App Sandbox File Isolation" value="Enforced by OS Kernel" isLast/>)}
-          </View>)}
+        {(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}/>}
+            {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("Sandbox Integrity","Enforced by OS Kernel")&&<S label="App Sandbox File Isolation"value="Enforced by OS Kernel"isLast/>}
+          </T>}
 
         
-        {search.trim().length > 0 && !hasAnyMatch && (<View style={styles.emptySearchCard}>
-            <SearchIcon size={26} color={AppColors.grayTextWeak}/>
-            <Text style={styles.emptySearchTitle}>No matching device specifications</Text>
-            <Text style={styles.emptySearchSubtitle}>
-              No properties matched &ldquo;{search}&rdquo;
-            </Text>
-            <TouchableScale onPress={() => setSearch('')} style={styles.clearSearchBtn}>
-              <Text style={styles.clearSearchBtnText}>Clear Search</Text>
-            </TouchableScale>
-          </View>)}
-
-        <View style={{ height: 48 }}/>
-      </ScrollView>
-    </View>);
-});
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        backgroundColor: AppColors.grayBackground,
-    },
-    subTabsWrapper: {
-        backgroundColor: AppColors.primaryLight,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors.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: AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors.grayBorderSecondary,
-    },
-    subTabPillActive: {
-        backgroundColor: AppColors.purple,
-        borderColor: AppColors.purple,
-    },
-    subTabPillText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors.grayText,
-    },
-    subTabPillTextActive: {
-        color: AppColors.white,
-    },
-    actionBar: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingHorizontal: 12,
-        paddingVertical: 8,
-        backgroundColor: AppColors.primaryLight,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors.dividerColor,
-        gap: 8,
-    },
-    searchBar: {
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors.grayBackground,
-        borderRadius: 8,
-        paddingHorizontal: 9,
-        paddingVertical: Platform.OS === 'ios' ? 6 : 2,
-        borderWidth: 1,
-        borderColor: AppColors.grayBorderSecondary,
-        gap: 6,
-    },
-    searchInput: {
-        flex: 1,
-        fontFamily: AppFonts.interMedium,
-        fontSize: 12,
-        color: AppColors.primaryBlack,
-        padding: 0,
-    },
-    exportButton: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        paddingHorizontal: 9,
-        paddingVertical: 6,
-        borderRadius: 8,
-        backgroundColor: `${AppColors.purple}14`,
-        borderWidth: 1,
-        borderColor: `${AppColors.purple}33`,
-    },
-    exportButtonText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors.purple,
-    },
-    scrollArea: {
-        flex: 1,
-    },
-    scrollContent: {
-        padding: 12,
-        gap: 12,
-        paddingBottom: 100,
-    },
-    heroCard: {
-        backgroundColor: AppColors.primaryLight,
-        borderRadius: 14,
-        borderWidth: 1,
-        borderColor: AppColors.grayBorderSecondary,
-        padding: 14,
-        shadowColor: AppColors.black,
-        shadowOpacity: 0.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: AppColors.purple,
-        alignItems: 'center',
-        justifyContent: 'center',
-        shadowColor: AppColors.purple,
-        shadowOpacity: 0.25,
-        shadowRadius: 4,
-        shadowOffset: { width: 0, height: 2 },
-        elevation: 2,
-    },
-    heroTitle: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 15,
-        color: AppColors.primaryBlack,
-        letterSpacing: -0.2,
-    },
-    heroSubtitle: {
-        fontFamily: AppFonts.interRegular,
-        fontSize: 11.5,
-        color: AppColors.grayText,
-        marginTop: 1,
-    },
-    heroBadge: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: `${AppColors.emerald500}18`,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 6,
-    },
-    pulseDot: {
-        width: 6,
-        height: 6,
-        borderRadius: 3,
-        backgroundColor: AppColors.emerald500,
-    },
-    heroBadgeText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors.emerald500,
-    },
-    heroMetricsStrip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors.grayBackground,
-        borderRadius: 10,
-        paddingVertical: 8,
-        paddingHorizontal: 10,
-    },
-    heroMetricItem: {
-        flex: 1,
-        alignItems: 'center',
-        paddingHorizontal: 2,
-        minWidth: 0,
-    },
-    heroMetricLabel: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 8.5,
-        color: AppColors.grayTextWeak,
-        letterSpacing: 0.4,
-    },
-    heroMetricValue: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors.primaryBlack,
-        marginTop: 2,
-    },
-    heroMetricDivider: {
-        width: 1,
-        height: 20,
-        backgroundColor: AppColors.dividerColor,
-    },
-    sectionCard: {
-        backgroundColor: AppColors.primaryLight,
-        borderRadius: 14,
-        borderWidth: 1,
-        borderColor: AppColors.grayBorderSecondary,
-        padding: 14,
-        shadowColor: AppColors.black,
-        shadowOpacity: 0.03,
-        shadowRadius: 3,
-        shadowOffset: { width: 0, height: 1 },
-        elevation: 1,
-    },
-    sectionTitle: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 10.5,
-        color: AppColors.grayTextWeak,
-        letterSpacing: 0.8,
-        marginBottom: 8,
-        textTransform: 'uppercase',
-    },
-    infoRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        paddingVertical: 9,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors.dividerColor,
-    },
-    infoLabel: {
-        fontFamily: AppFonts.interMedium,
-        fontSize: 12.5,
-        color: AppColors.primaryBlack,
-    },
-    infoSubtext: {
-        fontFamily: AppFonts.interRegular,
-        fontSize: 10,
-        color: AppColors.grayTextWeak,
-        marginTop: 1,
-    },
-    infoBadge: {
-        paddingHorizontal: 5,
-        paddingVertical: 1,
-        borderRadius: 4,
-        borderWidth: 1,
-    },
-    infoBadgeText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 8.5,
-    },
-    infoValue: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors.primaryBlack,
-        flexShrink: 1,
-        textAlign: 'right',
-    },
-    rowCopyBtn: {
-        padding: 4,
-        borderRadius: 4,
-        backgroundColor: AppColors.grayBackground,
-    },
-    emptySearchCard: {
-        backgroundColor: AppColors.primaryLight,
-        borderRadius: 14,
-        borderWidth: 1,
-        borderColor: AppColors.grayBorderSecondary,
-        padding: 24,
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 8,
-        marginTop: 8,
-    },
-    emptySearchTitle: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 13.5,
-        color: AppColors.primaryBlack,
-        textAlign: 'center',
-    },
-    emptySearchSubtitle: {
-        fontFamily: AppFonts.interRegular,
-        fontSize: 11.5,
-        color: AppColors.grayTextWeak,
-        textAlign: 'center',
-    },
-    clearSearchBtn: {
-        marginTop: 6,
-        paddingHorizontal: 14,
-        paddingVertical: 6.5,
-        borderRadius: 8,
-        backgroundColor: AppColors.purple,
-    },
-    clearSearchBtnText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors.white,
-    },
-});
-export default DeviceInfoTab;
+        {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;
+            </I>
+            <Se onPress={()=>ee("")}style={r.clearSearchBtn}>
+              <I style={r.clearSearchBtnText}>Clear Search</I>
+            </Se>
+          </T>}
+
+        <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;