react-native-inapp-inspector 2.3.18 → 2.3.20

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

@@ -1,288 +1,17 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DebuggingTab = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const QRCodeView_1 = __importDefault(require("../QRCodeView"));
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const toast_1 = require("../../helpers/toast");
-const NativeInspector_1 = require("../../native/NativeInspector");
-const NetworkIcons_1 = require("../NetworkIcons");
-const react_native_svg_1 = __importStar(require("react-native-svg"));
-const TerminalConsoleIcon = ({ color = AppColors_1.AppColors.purple, size = 13 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Path d="M4 17l6-6-6-6M12 19h8" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
-  </react_native_svg_1.default>);
-const DebuggingTab = () => {
-    const detectedConfig = (0, react_1.useMemo)(() => {
-        const scriptURL = react_native_1.NativeModules.SourceCode?.scriptURL || '';
-        let host = 'localhost';
-        let port = 8081;
-        try {
-            if (scriptURL.includes('://')) {
-                const urlWithoutScheme = scriptURL.split('://')[1];
-                const hostAndPort = urlWithoutScheme.split('/')[0];
-                if (hostAndPort.includes(':')) {
-                    const parts = hostAndPort.split(':');
-                    host = parts[0];
-                    const parsedPort = parseInt(parts[1], 10);
-                    if (!isNaN(parsedPort))
-                        port = parsedPort;
-                }
-                else {
-                    host = hostAndPort;
-                }
-            }
-        }
-        catch { }
-        return { host, port, scriptURL };
-    }, []);
-    const [hostIp, setHostIp] = (0, react_1.useState)(() => {
-        if (detectedConfig.host &&
-            detectedConfig.host !== 'localhost' &&
-            detectedConfig.host !== '127.0.0.1' &&
-            detectedConfig.host !== '10.0.2.2') {
-            return detectedConfig.host;
-        }
-        return '192.168.1.2';
-    });
-    const [port, setPort] = (0, react_1.useState)(detectedConfig.port || 8083);
-    const [apkFileName, setApkFileName] = (0, react_1.useState)('app-debug.apk');
-    const [apkSizeMb, setApkSizeMb] = (0, react_1.useState)(null);
-    const [selectedScheme, setSelectedScheme] = (0, react_1.useState)('assembleRelease');
-    const [isCleanBuild, setIsCleanBuild] = (0, react_1.useState)(true);
-    const [buildStatus, setBuildStatus] = (0, react_1.useState)({
-        status: 'idle',
-        scheme: 'assembleRelease',
-        clean: true,
-        progress: 0,
-        currentTask: '',
-        error: null,
-        apkName: null,
-        apkSize: null,
-    });
-    const pollingRef = (0, react_1.useRef)(null);
-    const progressAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    const [showVerboseLogs, setShowVerboseLogs] = (0, react_1.useState)(true);
-    const verboseScrollRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.timing(progressAnim, {
-            toValue: Math.max(0, Math.min(100, buildStatus.progress)),
-            duration: 350,
-            useNativeDriver: false,
-        }).start();
-    }, [buildStatus.progress, progressAnim]);
-    (0, react_1.useEffect)(() => {
-        if (buildStatus.logs && buildStatus.logs.length > 0) {
-            setTimeout(() => {
-                verboseScrollRef.current?.scrollToEnd({ animated: true });
-            }, 50);
-        }
-    }, [buildStatus.logs]);
-    const fetchMetroTelemetry = (0, react_1.useCallback)(async () => {
-        const hostsToTry = Array.from(new Set([detectedConfig.host, '10.0.2.2', 'localhost', '127.0.0.1'].filter(Boolean)));
-        const portsToTry = Array.from(new Set([detectedConfig.port, 8083, 8081, 8082].filter(Boolean)));
-        for (const h of hostsToTry) {
-            for (const p of portsToTry) {
-                try {
-                    const controller = new AbortController();
-                    const timeoutId = setTimeout(() => controller.abort(), 1200);
-                    const res = await fetch(`http://${h}:${p}/__inapp_inspector/apk-info`, {
-                        signal: controller.signal,
-                    });
-                    clearTimeout(timeoutId);
-                    if (res.ok) {
-                        const data = await res.json();
-                        if (data.hostIp &&
-                            data.hostIp !== '127.0.0.1' &&
-                            data.hostIp !== 'localhost' &&
-                            data.hostIp !== '10.0.2.2') {
-                            setHostIp(data.hostIp);
-                        }
-                        if (data.port) {
-                            setPort(data.port);
-                        }
-                        if (data.apkName) {
-                            setApkFileName(data.apkName);
-                        }
-                        if (data.apkSize) {
-                            setApkSizeMb((data.apkSize / (1024 * 1024)).toFixed(1));
-                        }
-                        return;
-                    }
-                }
-                catch { }
-            }
-        }
-    }, [detectedConfig.host, detectedConfig.port]);
-    (0, react_1.useEffect)(() => {
-        fetchMetroTelemetry();
-    }, [fetchMetroTelemetry]);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            if (pollingRef.current) {
-                clearInterval(pollingRef.current);
-            }
-        };
-    }, []);
-    const pollBuildStatus = (0, react_1.useCallback)(() => {
-        if (pollingRef.current)
-            clearInterval(pollingRef.current);
-        const targetHost = detectedConfig.host || '10.0.2.2';
-        pollingRef.current = setInterval(async () => {
-            try {
-                const res = await fetch(`http://${targetHost}:${port}/__inapp_inspector/build-status`);
-                if (res.ok) {
-                    const data = await res.json();
-                    setBuildStatus(data);
-                    if (data.status === 'completed') {
-                        if (pollingRef.current)
-                            clearInterval(pollingRef.current);
-                        (0, NativeInspector_1.triggerNativeHaptic)('success');
-                        (0, toast_1.showToast)('✓ APK Build Generated Successfully!');
-                        if (data.apkSize) {
-                            setApkSizeMb((data.apkSize / (1024 * 1024)).toFixed(1));
-                        }
-                        if (data.apkName) {
-                            setApkFileName(data.apkName);
-                        }
-                        fetchMetroTelemetry();
-                    }
-                    else if (data.status === 'failed') {
-                        if (pollingRef.current)
-                            clearInterval(pollingRef.current);
-                        (0, NativeInspector_1.triggerNativeHaptic)('error');
-                        (0, toast_1.showToast)('✕ Build Failed: ' + (data.error || 'Gradle error'));
-                    }
-                }
-            }
-            catch { }
-        }, 1000);
-    }, [detectedConfig.host, port, fetchMetroTelemetry]);
-    const handleStartBuild = async () => {
-        (0, NativeInspector_1.triggerNativeHaptic)('medium');
-        setBuildStatus({
-            status: 'running',
-            scheme: selectedScheme,
-            clean: isCleanBuild,
-            progress: 5,
-            currentTask: isCleanBuild ? 'Cleaning build cache...' : 'Initializing build...',
-            error: null,
-            apkName: null,
-            apkSize: null,
-        });
-        const hostsToTry = Array.from(new Set([detectedConfig.host, '10.0.2.2', 'localhost', '127.0.0.1'].filter(Boolean)));
-        const portsToTry = Array.from(new Set([port, 8083, 8081, 8082].filter(Boolean)));
-        let buildTriggered = false;
-        for (const h of hostsToTry) {
-            for (const p of portsToTry) {
-                try {
-                    const controller = new AbortController();
-                    const timeoutId = setTimeout(() => controller.abort(), 2000);
-                    const res = await fetch(`http://${h}:${p}/__inapp_inspector/build-apk?scheme=${selectedScheme}&clean=${isCleanBuild}`, { signal: controller.signal });
-                    clearTimeout(timeoutId);
-                    if (res.ok) {
-                        buildTriggered = true;
-                        pollBuildStatus();
-                        return;
-                    }
-                }
-                catch { }
-            }
-        }
-        if (!buildTriggered) {
-            setBuildStatus(prev => ({
-                ...prev,
-                status: 'failed',
-                error: 'Cannot reach build server. Ensure npm start or npm run serve-apk is running on host.',
-            }));
-        }
-    };
-    const handleStopBuild = async () => {
-        (0, NativeInspector_1.triggerNativeHaptic)('warning');
-        if (pollingRef.current)
-            clearInterval(pollingRef.current);
-        const hostsToTry = Array.from(new Set([detectedConfig.host, '10.0.2.2', 'localhost', '127.0.0.1'].filter(Boolean)));
-        const portsToTry = Array.from(new Set([port, 8083, 8081, 8082].filter(Boolean)));
-        for (const h of hostsToTry) {
-            for (const p of portsToTry) {
-                try {
-                    const controller = new AbortController();
-                    const timeoutId = setTimeout(() => controller.abort(), 1500);
-                    await fetch(`http://${h}:${p}/__inapp_inspector/stop-build`, {
-                        signal: controller.signal,
-                    });
-                    clearTimeout(timeoutId);
-                }
-                catch { }
-            }
-        }
-        setBuildStatus(prev => ({
-            ...prev,
-            status: 'idle',
-            currentTask: 'Build cancelled by user',
-            logs: [...(prev.logs || []), '🛑 Build cancelled by user.'],
-        }));
-        (0, toast_1.showToast)('Build cancelled');
-    };
-    const apkDownloadUrl = `http://${hostIp}:${port}/${apkFileName.replace(/^\/+/, '')}`;
-    const handleShare = () => {
-        (0, NativeInspector_1.triggerNativeHaptic)('light');
-        react_native_1.Share.share({
-            message: apkDownloadUrl,
-            title: 'Install Android APK',
-        });
-    };
-    const isBuilding = buildStatus.status === 'running';
-    return (<react_native_1.ScrollView style={styles.scrollArea} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,o,l,r){r===void 0&&(r=l);var n=Object.getOwnPropertyDescriptor(o,l);(!n||("get"in n?!o.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return o[l]}}),Object.defineProperty(e,r,n)}):(function(e,o,l,r){r===void 0&&(r=l),e[r]=o[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,o){Object.defineProperty(e,"default",{enumerable:!0,value:o})}):function(e,o){e.default=o}),__importStar=this&&this.__importStar||(function(){var e=function(o){return e=Object.getOwnPropertyNames||function(l){var r=[];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(r[r.length]=n);return r},e(o)};return function(o){if(o&&o.__esModule)return o;var l={};if(o!=null)for(var r=e(o),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(l,o,r[n]);return __setModuleDefault(l,o),l}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DebuggingTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),QRCodeView_1=__importDefault(require("../QRCodeView")),TouchableScale_1=__importDefault(require("../TouchableScale")),toast_1=require("../../helpers/toast"),NativeInspector_1=require("../../native/NativeInspector"),NetworkIcons_1=require("../NetworkIcons"),react_native_svg_1=__importStar(require("react-native-svg")),TerminalConsoleIcon=({color:e=AppColors_1.AppColors.purple,size:o=13})=><react_native_svg_1.default width={o}height={o}viewBox="0 0 24 24"fill="none">
+    <react_native_svg_1.Path d="M4 17l6-6-6-6M12 19h8"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </react_native_svg_1.default>,DebuggingTab=()=>{const e=(0,react_1.useMemo)(()=>{const a=react_native_1.NativeModules.SourceCode?.scriptURL||"";let s="localhost",t=8081;try{if(a.includes("://")){const d=a.split("://")[1].split("/")[0];if(d.includes(":")){const u=d.split(":");s=u[0];const f=parseInt(u[1],10);isNaN(f)||(t=f)}else s=d}}catch{}return{host:s,port:t,scriptURL:a}},[]),[o,l]=(0,react_1.useState)(()=>e.host&&e.host!=="localhost"&&e.host!=="127.0.0.1"&&e.host!=="10.0.2.2"?e.host:"192.168.1.2"),[r,n]=(0,react_1.useState)(e.port||8083),[V,A]=(0,react_1.useState)("app-debug.apk"),[T,x]=(0,react_1.useState)(null),[y,v]=(0,react_1.useState)("assembleRelease"),[h,k]=(0,react_1.useState)(!0),[i,C]=(0,react_1.useState)({status:"idle",scheme:"assembleRelease",clean:!0,progress:0,currentTask:"",error:null,apkName:null,apkSize:null}),p=(0,react_1.useRef)(null),_=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,[m,I]=(0,react_1.useState)(!0),S=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(_,{toValue:Math.max(0,Math.min(100,i.progress)),duration:350,useNativeDriver:!1}).start()},[i.progress,_]),(0,react_1.useEffect)(()=>{i.logs&&i.logs.length>0&&setTimeout(()=>{S.current?.scrollToEnd({animated:!0})},50)},[i.logs]);const w=(0,react_1.useCallback)(async()=>{const a=Array.from(new Set([e.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),s=Array.from(new Set([e.port,8083,8081,8082].filter(Boolean)));for(const t of a)for(const g of s)try{const d=new AbortController,u=setTimeout(()=>d.abort(),1200),f=await fetch(`http://${t}:${g}/__inapp_inspector/apk-info`,{signal:d.signal});if(clearTimeout(u),f.ok){const c=await f.json();c.hostIp&&c.hostIp!=="127.0.0.1"&&c.hostIp!=="localhost"&&c.hostIp!=="10.0.2.2"&&l(c.hostIp),c.port&&n(c.port),c.apkName&&A(c.apkName),c.apkSize&&x((c.apkSize/(1024*1024)).toFixed(1));return}}catch{}},[e.host,e.port]);(0,react_1.useEffect)(()=>{w()},[w]),(0,react_1.useEffect)(()=>()=>{p.current&&clearInterval(p.current)},[]);const R=(0,react_1.useCallback)(()=>{p.current&&clearInterval(p.current);const a=e.host||"10.0.2.2";p.current=setInterval(async()=>{try{const s=await fetch(`http://${a}:${r}/__inapp_inspector/build-status`);if(s.ok){const t=await s.json();C(t),t.status==="completed"?(p.current&&clearInterval(p.current),(0,NativeInspector_1.triggerNativeHaptic)("success"),(0,toast_1.showToast)("\u2713 APK Build Generated Successfully!"),t.apkSize&&x((t.apkSize/(1024*1024)).toFixed(1)),t.apkName&&A(t.apkName),w()):t.status==="failed"&&(p.current&&clearInterval(p.current),(0,NativeInspector_1.triggerNativeHaptic)("error"),(0,toast_1.showToast)("\u2715 Build Failed: "+(t.error||"Gradle error")))}}catch{}},1e3)},[e.host,r,w]),F=async()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),C({status:"running",scheme:y,clean:h,progress:5,currentTask:h?"Cleaning build cache...":"Initializing build...",error:null,apkName:null,apkSize:null});const a=Array.from(new Set([e.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),s=Array.from(new Set([r,8083,8081,8082].filter(Boolean)));let t=!1;for(const g of a)for(const d of s)try{const u=new AbortController,f=setTimeout(()=>u.abort(),2e3),c=await fetch(`http://${g}:${d}/__inapp_inspector/build-apk?scheme=${y}&clean=${h}`,{signal:u.signal});if(clearTimeout(f),c.ok){t=!0,R();return}}catch{}t||C(g=>({...g,status:"failed",error:"Cannot reach build server. Ensure npm start or npm run serve-apk is running on host."}))},D=async()=>{(0,NativeInspector_1.triggerNativeHaptic)("warning"),p.current&&clearInterval(p.current);const a=Array.from(new Set([e.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),s=Array.from(new Set([r,8083,8081,8082].filter(Boolean)));for(const t of a)for(const g of s)try{const d=new AbortController,u=setTimeout(()=>d.abort(),1500);await fetch(`http://${t}:${g}/__inapp_inspector/stop-build`,{signal:d.signal}),clearTimeout(u)}catch{}C(t=>({...t,status:"idle",currentTask:"Build cancelled by user",logs:[...t.logs||[],"\u{1F6D1} Build cancelled by user."]})),(0,toast_1.showToast)("Build cancelled")},B=`http://${o}:${r}/${V.replace(/^\/+/,"")}`,z=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),react_native_1.Share.share({message:B,title:"Install Android APK"})},b=i.status==="running";return<react_native_1.ScrollView style={styles.scrollArea}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!1}>
       
       <react_native_1.View style={styles.heroCard}>
         <react_native_1.View style={styles.heroHeader}>
           <react_native_1.View style={styles.heroIconWrap}>
-            <NetworkIcons_1.AndroidIcon size={20} color={AppColors_1.AppColors.white}/>
+            <NetworkIcons_1.AndroidIcon size={20}color={AppColors_1.AppColors.white}/>
           </react_native_1.View>
-          <react_native_1.View style={{ flex: 1, minWidth: 0 }}>
-            <react_native_1.Text style={styles.heroTitle} numberOfLines={1}>
+          <react_native_1.View style={{flex:1,minWidth:0}}>
+            <react_native_1.Text style={styles.heroTitle}numberOfLines={1}>
               Multi-Device APK Installer
             </react_native_1.Text>
-            <react_native_1.Text style={styles.heroSubtitle} numberOfLines={1}>
+            <react_native_1.Text style={styles.heroSubtitle}numberOfLines={1}>
               Scan QR code with another Android device to download
             </react_native_1.Text>
           </react_native_1.View>
@@ -296,32 +25,26 @@ const DebuggingTab = () => {
         <react_native_1.View style={styles.heroMetricsStrip}>
           <react_native_1.View style={styles.heroMetricItem}>
             <react_native_1.Text style={styles.heroMetricLabel}>HOST IP</react_native_1.Text>
-            <react_native_1.Text style={styles.heroMetricValue} numberOfLines={1}>
-              {hostIp}
+            <react_native_1.Text style={styles.heroMetricValue}numberOfLines={1}>
+              {o}
             </react_native_1.Text>
           </react_native_1.View>
           <react_native_1.View style={styles.heroMetricDivider}/>
           <react_native_1.View style={styles.heroMetricItem}>
             <react_native_1.Text style={styles.heroMetricLabel}>PORT</react_native_1.Text>
-            <react_native_1.Text style={styles.heroMetricValue}>{port}</react_native_1.Text>
+            <react_native_1.Text style={styles.heroMetricValue}>{r}</react_native_1.Text>
           </react_native_1.View>
           <react_native_1.View style={styles.heroMetricDivider}/>
           <react_native_1.View style={styles.heroMetricItem}>
             <react_native_1.Text style={styles.heroMetricLabel}>APK SIZE</react_native_1.Text>
-            <react_native_1.Text style={[
-            styles.heroMetricValue,
-            { color: apkSizeMb ? AppColors_1.AppColors.emerald500 : AppColors_1.AppColors.grayTextWeak },
-        ]}>
-              {apkSizeMb ? `${apkSizeMb} MB` : 'Detected'}
+            <react_native_1.Text style={[styles.heroMetricValue,{color:T?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayTextWeak}]}>
+              {T?`${T} MB`:"Detected"}
             </react_native_1.Text>
           </react_native_1.View>
           <react_native_1.View style={styles.heroMetricDivider}/>
           <react_native_1.View style={styles.heroMetricItem}>
             <react_native_1.Text style={styles.heroMetricLabel}>STATUS</react_native_1.Text>
-            <react_native_1.Text style={[
-            styles.heroMetricValue,
-            { color: AppColors_1.AppColors.emerald500 },
-        ]}>
+            <react_native_1.Text style={[styles.heroMetricValue,{color:AppColors_1.AppColors.emerald500}]}>
               Ready
             </react_native_1.Text>
           </react_native_1.View>
@@ -332,8 +55,8 @@ const DebuggingTab = () => {
       <react_native_1.View style={styles.sectionCard}>
         <react_native_1.View style={styles.sectionHeaderRow}>
           <react_native_1.Text style={styles.sectionTitle}>QR CODE & DIRECT DOWNLOAD</react_native_1.Text>
-          <react_native_1.TouchableOpacity activeOpacity={0.7} onPress={fetchMetroTelemetry} style={styles.refreshBtn}>
-            <NetworkIcons_1.RepeatIcon size={12} color={AppColors_1.AppColors.purple}/>
+          <react_native_1.TouchableOpacity activeOpacity={.7}onPress={w}style={styles.refreshBtn}>
+            <NetworkIcons_1.RepeatIcon size={12}color={AppColors_1.AppColors.purple}/>
             <react_native_1.Text style={styles.refreshBtnText}>Refresh</react_native_1.Text>
           </react_native_1.TouchableOpacity>
         </react_native_1.View>
@@ -341,7 +64,7 @@ const DebuggingTab = () => {
         
         <react_native_1.View style={styles.qrCenteredWrapper}>
           <react_native_1.View style={styles.qrInnerFrame}>
-            <QRCodeView_1.default value={apkDownloadUrl} size={235} color={AppColors_1.AppColors.primaryBlack} backgroundColor={AppColors_1.AppColors.white}/>
+            <QRCodeView_1.default value={B}size={235}color={AppColors_1.AppColors.primaryBlack}backgroundColor={AppColors_1.AppColors.white}/>
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.View>
@@ -349,59 +72,35 @@ const DebuggingTab = () => {
       
       <react_native_1.View style={styles.sectionCard}>
         <react_native_1.View style={styles.sectionHeaderRow}>
-          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-            <NetworkIcons_1.BoltIcon size={13} color={AppColors_1.AppColors.purple}/>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+            <NetworkIcons_1.BoltIcon size={13}color={AppColors_1.AppColors.purple}/>
             <react_native_1.Text style={styles.sectionTitle}>BUILD GENERATOR (GRADLE)</react_native_1.Text>
           </react_native_1.View>
-          {buildStatus.status === 'completed' && (<react_native_1.View style={styles.completedBadge}>
-              <NetworkIcons_1.CheckIcon size={10} color={AppColors_1.AppColors.emerald500}/>
+          {i.status==="completed"&&<react_native_1.View style={styles.completedBadge}>
+              <NetworkIcons_1.CheckIcon size={10}color={AppColors_1.AppColors.emerald500}/>
               <react_native_1.Text style={styles.completedBadgeText}>100% Ready</react_native_1.Text>
-            </react_native_1.View>)}
+            </react_native_1.View>}
         </react_native_1.View>
 
         
         <react_native_1.View style={styles.subTabStrip}>
-          <react_native_1.TouchableOpacity disabled={isBuilding} activeOpacity={0.7} onPress={() => {
-            (0, NativeInspector_1.triggerNativeHaptic)('light');
-            setSelectedScheme('assembleRelease');
-        }} style={[
-            styles.subTabItem,
-            selectedScheme === 'assembleRelease' && styles.subTabItemActive,
-        ]}>
-            <react_native_1.Text style={[
-            styles.subTabText,
-            selectedScheme === 'assembleRelease' && styles.subTabTextActive,
-        ]}>
+          <react_native_1.TouchableOpacity disabled={b}activeOpacity={.7}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),v("assembleRelease")}}style={[styles.subTabItem,y==="assembleRelease"&&styles.subTabItemActive]}>
+            <react_native_1.Text style={[styles.subTabText,y==="assembleRelease"&&styles.subTabTextActive]}>
               ⚡ Release (assembleRelease)
             </react_native_1.Text>
           </react_native_1.TouchableOpacity>
 
-          <react_native_1.TouchableOpacity disabled={isBuilding} activeOpacity={0.7} onPress={() => {
-            (0, NativeInspector_1.triggerNativeHaptic)('light');
-            setSelectedScheme('assembleDebug');
-        }} style={[
-            styles.subTabItem,
-            selectedScheme === 'assembleDebug' && styles.subTabItemActive,
-        ]}>
-            <react_native_1.Text style={[
-            styles.subTabText,
-            selectedScheme === 'assembleDebug' && styles.subTabTextActive,
-        ]}>
+          <react_native_1.TouchableOpacity disabled={b}activeOpacity={.7}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),v("assembleDebug")}}style={[styles.subTabItem,y==="assembleDebug"&&styles.subTabItemActive]}>
+            <react_native_1.Text style={[styles.subTabText,y==="assembleDebug"&&styles.subTabTextActive]}>
               🛠 Debug (assembleDebug)
             </react_native_1.Text>
           </react_native_1.TouchableOpacity>
         </react_native_1.View>
 
         
-        <react_native_1.TouchableOpacity disabled={isBuilding} activeOpacity={0.7} onPress={() => {
-            (0, NativeInspector_1.triggerNativeHaptic)('light');
-            setIsCleanBuild(!isCleanBuild);
-        }} style={styles.cleanRow}>
-          <react_native_1.View style={[
-            styles.checkboxBox,
-            isCleanBuild && styles.checkboxBoxActive,
-        ]}>
-            {isCleanBuild && <NetworkIcons_1.CheckIcon size={11} color={AppColors_1.AppColors.white}/>}
+        <react_native_1.TouchableOpacity disabled={b}activeOpacity={.7}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),k(!h)}}style={styles.cleanRow}>
+          <react_native_1.View style={[styles.checkboxBox,h&&styles.checkboxBoxActive]}>
+            {h&&<NetworkIcons_1.CheckIcon size={11}color={AppColors_1.AppColors.white}/>}
           </react_native_1.View>
           <react_native_1.Text style={styles.cleanLabel}>
             Clean build cache <react_native_1.Text style={styles.cleanCode}>(./gradlew clean)</react_native_1.Text>
@@ -409,590 +108,84 @@ const DebuggingTab = () => {
         </react_native_1.TouchableOpacity>
 
         
-        {isBuilding && (<react_native_1.View style={styles.progressContainer}>
+        {b&&<react_native_1.View style={styles.progressContainer}>
             <react_native_1.View style={styles.progressTopRow}>
               <react_native_1.View style={styles.progressTaskGroup}>
-                <react_native_1.ActivityIndicator size="small" color={AppColors_1.AppColors.purple}/>
-                <react_native_1.Text style={styles.progressTaskText} numberOfLines={1}>
-                  {buildStatus.currentTask || 'Executing Gradle tasks...'}
+                <react_native_1.ActivityIndicator size="small"color={AppColors_1.AppColors.purple}/>
+                <react_native_1.Text style={styles.progressTaskText}numberOfLines={1}>
+                  {i.currentTask||"Executing Gradle tasks..."}
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.Text style={styles.progressPercentageText}>
-                {buildStatus.progress}%
+                {i.progress}%
               </react_native_1.Text>
             </react_native_1.View>
 
             
             <react_native_1.View style={styles.progressBarTrack}>
-              <react_native_1.Animated.View style={[
-                styles.progressBarFill,
-                {
-                    width: progressAnim.interpolate({
-                        inputRange: [0, 100],
-                        outputRange: ['5%', '100%'],
-                    }),
-                },
-            ]}/>
+              <react_native_1.Animated.View style={[styles.progressBarFill,{width:_.interpolate({inputRange:[0,100],outputRange:["5%","100%"]})}]}/>
             </react_native_1.View>
-          </react_native_1.View>)}
+          </react_native_1.View>}
 
         
-        {buildStatus.status === 'failed' && (<react_native_1.View style={styles.errorContainer}>
-            <NetworkIcons_1.CircleXIcon size={13} color={AppColors_1.AppColors.errorColor}/>
-            <react_native_1.Text style={styles.errorText} numberOfLines={2}>
-              {buildStatus.error || 'Build execution failed.'}
+        {i.status==="failed"&&<react_native_1.View style={styles.errorContainer}>
+            <NetworkIcons_1.CircleXIcon size={13}color={AppColors_1.AppColors.errorColor}/>
+            <react_native_1.Text style={styles.errorText}numberOfLines={2}>
+              {i.error||"Build execution failed."}
             </react_native_1.Text>
-          </react_native_1.View>)}
+          </react_native_1.View>}
 
         
-        {((buildStatus.logs && buildStatus.logs.length > 0) || isBuilding) && (<react_native_1.View style={styles.consoleContainer}>
+        {(i.logs&&i.logs.length>0||b)&&<react_native_1.View style={styles.consoleContainer}>
             <react_native_1.View style={styles.consoleHeaderRow}>
-              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                <TerminalConsoleIcon color="#38BDF8" size={12}/>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                <TerminalConsoleIcon color="#38BDF8"size={12}/>
                 <react_native_1.Text style={styles.consoleHeaderTitle}>GRADLE VERBOSE OUTPUT</react_native_1.Text>
               </react_native_1.View>
-              <react_native_1.TouchableOpacity activeOpacity={0.7} onPress={() => setShowVerboseLogs(!showVerboseLogs)} style={styles.consoleToggleBtn}>
+              <react_native_1.TouchableOpacity activeOpacity={.7}onPress={()=>I(!m)}style={styles.consoleToggleBtn}>
                 <react_native_1.Text style={styles.consoleToggleText}>
-                  {showVerboseLogs ? 'Hide Console' : 'Show Console'}
+                  {m?"Hide Console":"Show Console"}
                 </react_native_1.Text>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>
 
-            {showVerboseLogs && (<react_native_1.ScrollView ref={verboseScrollRef} style={styles.consoleLogBox} contentContainerStyle={styles.consoleLogContent} nestedScrollEnabled showsVerticalScrollIndicator>
-                {buildStatus.logs && buildStatus.logs.length > 0 ? (buildStatus.logs.map((logLine, idx) => {
-                    let logColor = '#94A3B8';
-                    if (logLine.startsWith('> Task :'))
-                        logColor = '#38BDF8';
-                    else if (logLine.includes('BUILD SUCCESSFUL'))
-                        logColor = '#4ADE80';
-                    else if (logLine.includes('FAILURE') || logLine.includes('error:'))
-                        logColor = '#F87171';
-                    else if (logLine.includes('UP-TO-DATE'))
-                        logColor = '#A78BFA';
-                    return (<react_native_1.Text key={idx} style={[styles.consoleLogLine, { color: logColor }]}>
-                        {logLine}
-                      </react_native_1.Text>);
-                })) : (<react_native_1.Text style={styles.consoleLogPlaceholder}>
+            {m&&<react_native_1.ScrollView ref={S}style={styles.consoleLogBox}contentContainerStyle={styles.consoleLogContent}nestedScrollEnabled showsVerticalScrollIndicator>
+                {i.logs&&i.logs.length>0?i.logs.map((a,s)=>{let t="#94A3B8";return a.startsWith("> Task :")?t="#38BDF8":a.includes("BUILD SUCCESSFUL")?t="#4ADE80":a.includes("FAILURE")||a.includes("error:")?t="#F87171":a.includes("UP-TO-DATE")&&(t="#A78BFA"),<react_native_1.Text key={s}style={[styles.consoleLogLine,{color:t}]}>
+                        {a}
+                      </react_native_1.Text>}):<react_native_1.Text style={styles.consoleLogPlaceholder}>
                     Waiting for Gradle daemon output...
-                  </react_native_1.Text>)}
-              </react_native_1.ScrollView>)}
-          </react_native_1.View>)}
+                  </react_native_1.Text>}
+              </react_native_1.ScrollView>}
+          </react_native_1.View>}
 
         
-        {isBuilding ? (<react_native_1.View style={styles.buildingActionsRow}>
+        {b?<react_native_1.View style={styles.buildingActionsRow}>
             <react_native_1.View style={styles.buildingStatusPill}>
-              <react_native_1.ActivityIndicator size="small" color={AppColors_1.AppColors.purple}/>
-              <react_native_1.Text style={styles.buildingStatusPillText} numberOfLines={1}>
-                Building ({buildStatus.progress}%)
+              <react_native_1.ActivityIndicator size="small"color={AppColors_1.AppColors.purple}/>
+              <react_native_1.Text style={styles.buildingStatusPillText}numberOfLines={1}>
+                Building ({i.progress}%)
               </react_native_1.Text>
             </react_native_1.View>
 
-            <TouchableScale_1.default onPress={handleStopBuild} style={styles.stopBtn}>
-              <NetworkIcons_1.CircleXIcon size={13} color={AppColors_1.AppColors.white}/>
+            <TouchableScale_1.default onPress={D}style={styles.stopBtn}>
+              <NetworkIcons_1.CircleXIcon size={13}color={AppColors_1.AppColors.white}/>
               <react_native_1.Text style={styles.stopBtnText}>Stop Build</react_native_1.Text>
             </TouchableScale_1.default>
-          </react_native_1.View>) : (<TouchableScale_1.default onPress={handleStartBuild} style={styles.generateBtn}>
+          </react_native_1.View>:<TouchableScale_1.default onPress={F}style={styles.generateBtn}>
             <react_native_1.View style={styles.ctaContentRow}>
-              <NetworkIcons_1.SparkleIcon size={14} color={AppColors_1.AppColors.white}/>
+              <NetworkIcons_1.SparkleIcon size={14}color={AppColors_1.AppColors.white}/>
               <react_native_1.Text style={styles.generateBtnText}>
-                {isCleanBuild ? 'Clean & Generate Build' : 'Generate Build'}
+                {h?"Clean & Generate Build":"Generate Build"}
               </react_native_1.Text>
             </react_native_1.View>
-          </TouchableScale_1.default>)}
+          </TouchableScale_1.default>}
       </react_native_1.View>
 
       
       <react_native_1.View style={styles.footerNoteRow}>
-        <NetworkIcons_1.InfoCircleIcon size={13} color={AppColors_1.AppColors.grayTextWeak}/>
+        <NetworkIcons_1.InfoCircleIcon size={13}color={AppColors_1.AppColors.grayTextWeak}/>
         <react_native_1.Text style={styles.footerNoteText}>
           Ensure both Android devices are connected to the same Wi-Fi network.
         </react_native_1.Text>
       </react_native_1.View>
-    </react_native_1.ScrollView>);
-};
-exports.DebuggingTab = DebuggingTab;
-const styles = react_native_1.StyleSheet.create({
-    scrollArea: {
-        flex: 1,
-        backgroundColor: AppColors_1.AppColors.contentBg,
-    },
-    scrollContent: {
-        padding: 12,
-        gap: 12,
-        paddingBottom: 100,
-    },
-    heroCard: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 14,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        padding: 14,
-        shadowColor: AppColors_1.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_1.AppColors.purple,
-        alignItems: 'center',
-        justifyContent: 'center',
-        shadowColor: AppColors_1.AppColors.purple,
-        shadowOpacity: 0.25,
-        shadowRadius: 4,
-        shadowOffset: { width: 0, height: 2 },
-        elevation: 2,
-    },
-    heroTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 15,
-        color: AppColors_1.AppColors.primaryBlack,
-        letterSpacing: -0.2,
-    },
-    heroSubtitle: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.grayText,
-        marginTop: 1,
-    },
-    heroBadge: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: `${AppColors_1.AppColors.emerald500}18`,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 6,
-    },
-    pulseDot: {
-        width: 6,
-        height: 6,
-        borderRadius: 3,
-        backgroundColor: AppColors_1.AppColors.emerald500,
-    },
-    heroBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.emerald500,
-    },
-    heroMetricsStrip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 10,
-        paddingVertical: 8,
-        paddingHorizontal: 10,
-    },
-    heroMetricItem: {
-        flex: 1,
-        alignItems: 'center',
-        paddingHorizontal: 2,
-        minWidth: 0,
-    },
-    heroMetricLabel: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 8.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-        letterSpacing: 0.4,
-    },
-    heroMetricValue: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors_1.AppColors.primaryBlack,
-        marginTop: 2,
-    },
-    heroMetricDivider: {
-        width: 1,
-        height: 20,
-        backgroundColor: AppColors_1.AppColors.dividerColor,
-    },
-    sectionCard: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 14,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        padding: 14,
-        shadowColor: AppColors_1.AppColors.black,
-        shadowOpacity: 0.03,
-        shadowRadius: 3,
-        shadowOffset: { width: 0, height: 1 },
-        elevation: 1,
-        gap: 12,
-    },
-    sectionHeaderRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-    },
-    sectionTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-        letterSpacing: 0.8,
-        textTransform: 'uppercase',
-    },
-    refreshBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 6,
-        backgroundColor: `${AppColors_1.AppColors.purple}12`,
-    },
-    refreshBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-        color: AppColors_1.AppColors.purple,
-    },
-    qrCenteredWrapper: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        padding: 12,
-        borderRadius: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-    },
-    qrInnerFrame: {
-        backgroundColor: AppColors_1.AppColors.white,
-        padding: 6,
-        borderRadius: 8,
-    },
-    urlBox: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 10,
-        paddingLeft: 10,
-        paddingRight: 6,
-        paddingVertical: 6,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        gap: 8,
-    },
-    urlText: {
-        flex: 1,
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.skyBlue,
-    },
-    actionsRow: {
-        flexDirection: 'row',
-        gap: 10,
-    },
-    actionBtnSecondary: {
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 6,
-        paddingVertical: 9,
-        borderRadius: 10,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-    },
-    actionBtnSecondaryText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    actionBtnPrimary: {
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 6,
-        paddingVertical: 9,
-        borderRadius: 10,
-        backgroundColor: AppColors_1.AppColors.purple,
-        shadowColor: AppColors_1.AppColors.purple,
-        shadowOpacity: 0.25,
-        shadowRadius: 4,
-        shadowOffset: { width: 0, height: 2 },
-        elevation: 2,
-    },
-    actionBtnPrimaryText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.white,
-    },
-    completedBadge: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 3,
-        backgroundColor: `${AppColors_1.AppColors.emerald500}18`,
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 5,
-    },
-    completedBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.emerald500,
-    },
-    subTabStrip: {
-        flexDirection: 'row',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 8,
-        padding: 2,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-    },
-    subTabItem: {
-        flex: 1,
-        paddingVertical: 7,
-        borderRadius: 6,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    subTabItemActive: {
-        backgroundColor: AppColors_1.AppColors.purple,
-        shadowColor: AppColors_1.AppColors.purple,
-        shadowOpacity: 0.2,
-        shadowRadius: 3,
-        shadowOffset: { width: 0, height: 1 },
-        elevation: 1,
-    },
-    subTabText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayText,
-    },
-    subTabTextActive: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.white,
-    },
-    cleanRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-        paddingVertical: 2,
-    },
-    checkboxBox: {
-        width: 18,
-        height: 18,
-        borderRadius: 4,
-        borderWidth: 1.5,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    checkboxBoxActive: {
-        backgroundColor: AppColors_1.AppColors.purple,
-        borderColor: AppColors_1.AppColors.purple,
-    },
-    cleanLabel: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    cleanCode: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayTextWeak,
-        fontSize: 10.5,
-    },
-    progressContainer: {
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 10,
-        padding: 10,
-        gap: 6,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-    },
-    progressTopRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-    },
-    progressTaskGroup: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        flex: 1,
-        paddingRight: 8,
-    },
-    progressTaskText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.primaryBlack,
-        flex: 1,
-    },
-    progressPercentageText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.purple,
-    },
-    progressBarTrack: {
-        width: '100%',
-        height: 6,
-        borderRadius: 3,
-        backgroundColor: AppColors_1.AppColors.grayBorderSecondary,
-        overflow: 'hidden',
-    },
-    progressBarFill: {
-        height: '100%',
-        backgroundColor: AppColors_1.AppColors.purple,
-        borderRadius: 3,
-    },
-    errorContainer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        backgroundColor: `${AppColors_1.AppColors.errorColor}12`,
-        padding: 8,
-        borderRadius: 8,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.errorColor}25`,
-    },
-    errorText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.errorColor,
-        flex: 1,
-    },
-    consoleContainer: {
-        backgroundColor: '#0F172A',
-        borderRadius: 10,
-        borderWidth: 1,
-        borderColor: '#1E293B',
-        overflow: 'hidden',
-        marginTop: 4,
-    },
-    consoleHeaderRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        backgroundColor: '#1E293B',
-        paddingHorizontal: 10,
-        paddingVertical: 6,
-    },
-    consoleHeaderTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-        color: '#38BDF8',
-        letterSpacing: 0.5,
-    },
-    consoleToggleBtn: {
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-        backgroundColor: 'rgba(255,255,255,0.1)',
-    },
-    consoleToggleText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 9.5,
-        color: '#94A3B8',
-    },
-    consoleLogBox: {
-        maxHeight: 140,
-        paddingHorizontal: 10,
-        paddingVertical: 8,
-    },
-    consoleLogContent: {
-        gap: 3,
-    },
-    consoleLogLine: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10,
-        lineHeight: 14,
-    },
-    consoleLogPlaceholder: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10,
-        color: '#64748B',
-        fontStyle: 'italic',
-    },
-    generateBtn: {
-        backgroundColor: AppColors_1.AppColors.purple,
-        borderRadius: 10,
-        paddingVertical: 10,
-        alignItems: 'center',
-        justifyContent: 'center',
-        shadowColor: AppColors_1.AppColors.purple,
-        shadowOpacity: 0.25,
-        shadowRadius: 4,
-        shadowOffset: { width: 0, height: 2 },
-        elevation: 2,
-    },
-    generateBtnDisabled: {
-        opacity: 0.7,
-    },
-    buildingActionsRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 10,
-    },
-    buildingStatusPill: {
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 8,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-        borderRadius: 10,
-        paddingVertical: 10,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.purple}30`,
-    },
-    buildingStatusPillText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.purple,
-    },
-    stopBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 6,
-        backgroundColor: AppColors_1.AppColors.errorColor,
-        borderRadius: 10,
-        paddingHorizontal: 16,
-        paddingVertical: 10,
-        shadowColor: AppColors_1.AppColors.errorColor,
-        shadowOpacity: 0.25,
-        shadowRadius: 4,
-        shadowOffset: { width: 0, height: 2 },
-        elevation: 2,
-    },
-    stopBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.white,
-    },
-    ctaContentRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-    },
-    generateBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.white,
-    },
-    footerNoteRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        paddingHorizontal: 8,
-    },
-    footerNoteText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextWeak,
-        textAlign: 'center',
-        flex: 1,
-    },
-});
-exports.default = exports.DebuggingTab;
+    </react_native_1.ScrollView>};exports.DebuggingTab=DebuggingTab;const styles=react_native_1.StyleSheet.create({scrollArea:{flex:1,backgroundColor:AppColors_1.AppColors.contentBg},scrollContent:{padding:12,gap:12,paddingBottom:100},heroCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:14,shadowColor:AppColors_1.AppColors.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:AppColors_1.AppColors.purple,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},heroTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15,color:AppColors_1.AppColors.primaryBlack,letterSpacing:-.2},heroSubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.grayText,marginTop:1},heroBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.emerald500}18`,paddingHorizontal:7,paddingVertical:3,borderRadius:6},pulseDot:{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.emerald500},heroBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.emerald500},heroMetricsStrip:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,paddingVertical:8,paddingHorizontal:10},heroMetricItem:{flex:1,alignItems:"center",paddingHorizontal:2,minWidth:0},heroMetricLabel:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.4},heroMetricValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.primaryBlack,marginTop:2},heroMetricDivider:{width:1,height:20,backgroundColor:AppColors_1.AppColors.dividerColor},sectionCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:14,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.03,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1,gap:12},sectionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},sectionTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8,textTransform:"uppercase"},refreshBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.purple}12`},refreshBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.purple},qrCenteredWrapper:{alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.grayBackground,padding:12,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},qrInnerFrame:{backgroundColor:AppColors_1.AppColors.white,padding:6,borderRadius:8},urlBox:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,paddingLeft:10,paddingRight:6,paddingVertical:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8},urlText:{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.skyBlue},actionsRow:{flexDirection:"row",gap:10},actionBtnSecondary:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:9,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:AppColors_1.AppColors.grayBackground},actionBtnSecondaryText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.grayTextStrong},actionBtnPrimary:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:9,borderRadius:10,backgroundColor:AppColors_1.AppColors.purple,shadowColor:AppColors_1.AppColors.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},actionBtnPrimaryText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white},completedBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${AppColors_1.AppColors.emerald500}18`,paddingHorizontal:6,paddingVertical:2,borderRadius:5},completedBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.emerald500},subTabStrip:{flexDirection:"row",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,padding:2,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},subTabItem:{flex:1,paddingVertical:7,borderRadius:6,alignItems:"center",justifyContent:"center"},subTabItemActive:{backgroundColor:AppColors_1.AppColors.purple,shadowColor:AppColors_1.AppColors.purple,shadowOpacity:.2,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1},subTabText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText},subTabTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.white},cleanRow:{flexDirection:"row",alignItems:"center",gap:8,paddingVertical:2},checkboxBox:{width:18,height:18,borderRadius:4,borderWidth:1.5,borderColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"},checkboxBoxActive:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},cleanLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.grayTextStrong},cleanCode:{fontFamily:AppFonts_1.AppFonts.interRegular,color:AppColors_1.AppColors.grayTextWeak,fontSize:10.5},progressContainer:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,padding:10,gap:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},progressTopRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},progressTaskGroup:{flexDirection:"row",alignItems:"center",gap:6,flex:1,paddingRight:8},progressTaskText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.primaryBlack,flex:1},progressPercentageText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.purple},progressBarTrack:{width:"100%",height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden"},progressBarFill:{height:"100%",backgroundColor:AppColors_1.AppColors.purple,borderRadius:3},errorContainer:{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:`${AppColors_1.AppColors.errorColor}12`,padding:8,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}25`},errorText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.errorColor,flex:1},consoleContainer:{backgroundColor:"#0F172A",borderRadius:10,borderWidth:1,borderColor:"#1E293B",overflow:"hidden",marginTop:4},consoleHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:"#1E293B",paddingHorizontal:10,paddingVertical:6},consoleHeaderTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:"#38BDF8",letterSpacing:.5},consoleToggleBtn:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,backgroundColor:"rgba(255,255,255,0.1)"},consoleToggleText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:"#94A3B8"},consoleLogBox:{maxHeight:140,paddingHorizontal:10,paddingVertical:8},consoleLogContent:{gap:3},consoleLogLine:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:14},consoleLogPlaceholder:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:"#64748B",fontStyle:"italic"},generateBtn:{backgroundColor:AppColors_1.AppColors.purple,borderRadius:10,paddingVertical:10,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},generateBtnDisabled:{opacity:.7},buildingActionsRow:{flexDirection:"row",alignItems:"center",gap:10},buildingStatusPill:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderRadius:10,paddingVertical:10,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}30`},buildingStatusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.purple},stopBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:AppColors_1.AppColors.errorColor,borderRadius:10,paddingHorizontal:16,paddingVertical:10,shadowColor:AppColors_1.AppColors.errorColor,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},stopBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white},ctaContentRow:{flexDirection:"row",alignItems:"center",gap:6},generateBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.white},footerNoteRow:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:8},footerNoteText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,textAlign:"center",flex:1}});exports.default=exports.DebuggingTab;