react-native-inapp-inspector 2.3.20 → 2.3.22

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

@@ -1,6 +1,6 @@
-import{useState as O,useEffect as G,useMemo as Me,useCallback as ie,useRef as X}from"react";import{View as T,Text as C,ScrollView as Te,StyleSheet as Le,NativeModules as We,Share as Pe,TouchableOpacity as U,ActivityIndicator as Ce,Animated as Z}from"react-native";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as S}from"../../styles/AppFonts";import He from"../QRCodeView";import Be from"../TouchableScale";import{showToast as J}from"../../helpers/toast";import{triggerNativeHaptic as M}from"../../native/NativeInspector";import{InfoCircleIcon as Ee,CheckIcon as Se,BoltIcon as $e,CircleXIcon as Re,SparkleIcon as Ne,AndroidIcon as Ue,RepeatIcon as _e}from"../NetworkIcons";import Ge,{Path as Ke}from"react-native-svg";const Qe=({color:I=e.purple,size:$=13})=><Ge width={$}height={$}viewBox="0 0 24 24"fill="none">
-    <Ke d="M4 17l6-6-6-6M12 19h8"stroke={I}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-  </Ge>;export const DebuggingTab=()=>{const I=Me(()=>{const k=We.SourceCode?.scriptURL||"";let V="localhost",B=8081;try{if(k.includes("://")){const A=k.split("://")[1].split("/")[0];if(A.includes(":")){const v=A.split(":");V=v[0];const W=parseInt(v[1],10);isNaN(W)||(B=W)}else V=A}}catch{}return{host:V,port:B,scriptURL:k}},[]),[$,Ie]=O(()=>I.host&&I.host!=="localhost"&&I.host!=="127.0.0.1"&&I.host!=="10.0.2.2"?I.host:"192.168.1.2"),[P,Ve]=O(I.port||8083),[ze,Y]=O("app-debug.apk"),[q,ee]=O(null),[H,oe]=O("assembleRelease"),[L,De]=O(!0),[R,_]=O({status:"idle",scheme:"assembleRelease",clean:!0,progress:0,currentTask:"",error:null,apkName:null,apkSize:null}),D=X(null),K=X(new Z.Value(0)).current,[Q,Ae]=O(!0),te=X(null);G(()=>{Z.timing(K,{toValue:Math.max(0,Math.min(100,R.progress)),duration:350,useNativeDriver:!1}).start()},[R.progress,K]),G(()=>{R.logs&&R.logs.length>0&&setTimeout(()=>{te.current?.scrollToEnd({animated:!0})},50)},[R.logs]);const N=ie(async()=>{const k=Array.from(new Set([I.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),V=Array.from(new Set([I.port,8083,8081,8082].filter(Boolean)));for(const B of k)for(const F of V)try{const A=new AbortController,v=setTimeout(()=>A.abort(),1200),W=await fetch(`http://${B}:${F}/__inapp_inspector/apk-info`,{signal:A.signal});if(clearTimeout(v),W.ok){const z=await W.json();z.hostIp&&z.hostIp!=="127.0.0.1"&&z.hostIp!=="localhost"&&z.hostIp!=="10.0.2.2"&&Ie(z.hostIp),z.port&&Ve(z.port),z.apkName&&Y(z.apkName),z.apkSize&&ee((z.apkSize/(1024*1024)).toFixed(1));return}}catch{}},[I.host,I.port]);G(()=>{N()},[N]),G(()=>()=>{D.current&&clearInterval(D.current)},[]);const ve=ie(()=>{D.current&&clearInterval(D.current);const k=I.host||"10.0.2.2";D.current=setInterval(async()=>{try{const V=await fetch(`http://${k}:${P}/__inapp_inspector/build-status`);if(V.ok){const B=await V.json();_(B),B.status==="completed"?(D.current&&clearInterval(D.current),M("success"),J("\u2713 APK Build Generated Successfully!"),B.apkSize&&ee((B.apkSize/(1024*1024)).toFixed(1)),B.apkName&&Y(B.apkName),N()):B.status==="failed"&&(D.current&&clearInterval(D.current),M("error"),J("\u2715 Build Failed: "+(B.error||"Gradle error")))}}catch{}},1e3)},[I.host,P,N]),Fe=async()=>{M("medium"),_({status:"running",scheme:H,clean:L,progress:5,currentTask:L?"Cleaning build cache...":"Initializing build...",error:null,apkName:null,apkSize:null});const k=Array.from(new Set([I.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),V=Array.from(new Set([P,8083,8081,8082].filter(Boolean)));let B=!1;for(const F of k)for(const A of V)try{const v=new AbortController,W=setTimeout(()=>v.abort(),2e3),z=await fetch(`http://${F}:${A}/__inapp_inspector/build-apk?scheme=${H}&clean=${L}`,{signal:v.signal});if(clearTimeout(W),z.ok){B=!0,ve();return}}catch{}B||_(F=>({...F,status:"failed",error:"Cannot reach build server. Ensure npm start or npm run serve-apk is running on host."}))},Oe=async()=>{M("warning"),D.current&&clearInterval(D.current);const k=Array.from(new Set([I.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),V=Array.from(new Set([P,8083,8081,8082].filter(Boolean)));for(const B of k)for(const F of V)try{const A=new AbortController,v=setTimeout(()=>A.abort(),1500);await fetch(`http://${B}:${F}/__inapp_inspector/stop-build`,{signal:A.signal}),clearTimeout(v)}catch{}_(B=>({...B,status:"idle",currentTask:"Build cancelled by user",logs:[...B.logs||[],"\u{1F6D1} Build cancelled by user."]})),J("Build cancelled")},re=`http://${$}:${P}/${ze.replace(/^\/+/,"")}`,Xe=()=>{M("light"),Pe.share({message:re,title:"Install Android APK"})},E=R.status==="running";return<Te style={o.scrollArea}contentContainerStyle={o.scrollContent}showsVerticalScrollIndicator={!1}>
+import{useState as M,useEffect as G,useMemo as Le,useCallback as ie,useRef as X}from"react";import{View as T,Text as C,ScrollView as Te,StyleSheet as We,NativeModules as Pe,Share as He,TouchableOpacity as U,ActivityIndicator as Ce,Animated as Z}from"react-native";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as S}from"../../styles/AppFonts";import Ee from"../QRCodeView";import Be from"../TouchableScale";import{showToast as J}from"../../helpers/toast";import{triggerNativeHaptic as L}from"../../native/NativeInspector";import{InfoCircleIcon as $e,CheckIcon as Se,BoltIcon as Re,CircleXIcon as Ie,SparkleIcon as Ne,AndroidIcon as Ue,RepeatIcon as _e,WrenchIcon as Ge}from"../NetworkIcons";import Ke,{Path as Qe}from"react-native-svg";const Xe=({color:I=e.purple,size:$=13})=><Ke width={$}height={$}viewBox="0 0 24 24"fill="none">
+    <Qe d="M4 17l6-6-6-6M12 19h8"stroke={I}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </Ke>;export const DebuggingTab=()=>{const I=Le(()=>{const k=Pe.SourceCode?.scriptURL||"";let V="localhost",B=8081;try{if(k.includes("://")){const A=k.split("://")[1].split("/")[0];if(A.includes(":")){const v=A.split(":");V=v[0];const P=parseInt(v[1],10);isNaN(P)||(B=P)}else V=A}}catch{}return{host:V,port:B,scriptURL:k}},[]),[$,Ve]=M(()=>I.host&&I.host!=="localhost"&&I.host!=="127.0.0.1"&&I.host!=="10.0.2.2"?I.host:"192.168.1.2"),[H,ze]=M(I.port||8083),[De,Y]=M("app-debug.apk"),[q,ee]=M(null),[F,oe]=M("assembleRelease"),[W,Ae]=M(!0),[R,_]=M({status:"idle",scheme:"assembleRelease",clean:!0,progress:0,currentTask:"",error:null,apkName:null,apkSize:null}),D=X(null),K=X(new Z.Value(0)).current,[Q,ve]=M(!0),te=X(null);G(()=>{Z.timing(K,{toValue:Math.max(0,Math.min(100,R.progress)),duration:350,useNativeDriver:!1}).start()},[R.progress,K]),G(()=>{R.logs&&R.logs.length>0&&setTimeout(()=>{te.current?.scrollToEnd({animated:!0})},50)},[R.logs]);const N=ie(async()=>{const k=Array.from(new Set([I.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),V=Array.from(new Set([I.port,8083,8081,8082].filter(Boolean)));for(const B of k)for(const O of V)try{const A=new AbortController,v=setTimeout(()=>A.abort(),1200),P=await fetch(`http://${B}:${O}/__inapp_inspector/apk-info`,{signal:A.signal});if(clearTimeout(v),P.ok){const z=await P.json();z.hostIp&&z.hostIp!=="127.0.0.1"&&z.hostIp!=="localhost"&&z.hostIp!=="10.0.2.2"&&Ve(z.hostIp),z.port&&ze(z.port),z.apkName&&Y(z.apkName),z.apkSize&&ee((z.apkSize/(1024*1024)).toFixed(1));return}}catch{}},[I.host,I.port]);G(()=>{N()},[N]),G(()=>()=>{D.current&&clearInterval(D.current)},[]);const Fe=ie(()=>{D.current&&clearInterval(D.current);const k=I.host||"10.0.2.2";D.current=setInterval(async()=>{try{const V=await fetch(`http://${k}:${H}/__inapp_inspector/build-status`);if(V.ok){const B=await V.json();_(B),B.status==="completed"?(D.current&&clearInterval(D.current),L("success"),J("\u2713 APK Build Generated Successfully!"),B.apkSize&&ee((B.apkSize/(1024*1024)).toFixed(1)),B.apkName&&Y(B.apkName),N()):B.status==="failed"&&(D.current&&clearInterval(D.current),L("error"),J("\u2715 Build Failed: "+(B.error||"Gradle error")))}}catch{}},1e3)},[I.host,H,N]),Oe=async()=>{L("medium"),_({status:"running",scheme:F,clean:W,progress:5,currentTask:W?"Cleaning build cache...":"Initializing build...",error:null,apkName:null,apkSize:null});const k=Array.from(new Set([I.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),V=Array.from(new Set([H,8083,8081,8082].filter(Boolean)));let B=!1;for(const O of k)for(const A of V)try{const v=new AbortController,P=setTimeout(()=>v.abort(),2e3),z=await fetch(`http://${O}:${A}/__inapp_inspector/build-apk?scheme=${F}&clean=${W}`,{signal:v.signal});if(clearTimeout(P),z.ok){B=!0,Fe();return}}catch{}B||_(O=>({...O,status:"failed",error:"Cannot reach build server. Ensure npm start or npm run serve-apk is running on host."}))},Me=async()=>{L("warning"),D.current&&clearInterval(D.current);const k=Array.from(new Set([I.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),V=Array.from(new Set([H,8083,8081,8082].filter(Boolean)));for(const B of k)for(const O of V)try{const A=new AbortController,v=setTimeout(()=>A.abort(),1500);await fetch(`http://${B}:${O}/__inapp_inspector/stop-build`,{signal:A.signal}),clearTimeout(v)}catch{}_(B=>({...B,status:"idle",currentTask:"Build cancelled by user",logs:[...B.logs||[],"\u{1F6D1} Build cancelled by user."]})),J("Build cancelled")},re=`http://${$}:${H}/${De.replace(/^\/+/,"")}`,Ze=()=>{L("light"),He.share({message:re,title:"Install Android APK"})},E=R.status==="running";return<Te style={o.scrollArea}contentContainerStyle={o.scrollContent}showsVerticalScrollIndicator={!1}>
       
       <T style={o.heroCard}>
         <T style={o.heroHeader}>
@@ -32,7 +32,7 @@ import{useState as O,useEffect as G,useMemo as Me,useCallback as ie,useRef as X}
           <T style={o.heroMetricDivider}/>
           <T style={o.heroMetricItem}>
             <C style={o.heroMetricLabel}>PORT</C>
-            <C style={o.heroMetricValue}>{P}</C>
+            <C style={o.heroMetricValue}>{H}</C>
           </T>
           <T style={o.heroMetricDivider}/>
           <T style={o.heroMetricItem}>
@@ -64,7 +64,7 @@ import{useState as O,useEffect as G,useMemo as Me,useCallback as ie,useRef as X}
         
         <T style={o.qrCenteredWrapper}>
           <T style={o.qrInnerFrame}>
-            <He value={re}size={235}color={e.primaryBlack}backgroundColor={e.white}/>
+            <Ee value={re}size={235}color={e.primaryBlack}backgroundColor={e.white}/>
           </T>
         </T>
       </T>
@@ -73,7 +73,7 @@ import{useState as O,useEffect as G,useMemo as Me,useCallback as ie,useRef as X}
       <T style={o.sectionCard}>
         <T style={o.sectionHeaderRow}>
           <T style={{flexDirection:"row",alignItems:"center",gap:6}}>
-            <$e size={13}color={e.purple}/>
+            <Re size={13}color={e.purple}/>
             <C style={o.sectionTitle}>BUILD GENERATOR (GRADLE)</C>
           </T>
           {R.status==="completed"&&<T style={o.completedBadge}>
@@ -84,23 +84,29 @@ import{useState as O,useEffect as G,useMemo as Me,useCallback as ie,useRef as X}
 
         
         <T style={o.subTabStrip}>
-          <U disabled={E}activeOpacity={.7}onPress={()=>{M("light"),oe("assembleRelease")}}style={[o.subTabItem,H==="assembleRelease"&&o.subTabItemActive]}>
-            <C style={[o.subTabText,H==="assembleRelease"&&o.subTabTextActive]}>
-              ⚡ Release (assembleRelease)
-            </C>
+          <U disabled={E}activeOpacity={.7}onPress={()=>{L("light"),oe("assembleRelease")}}style={[o.subTabItem,F==="assembleRelease"&&o.subTabItemActive]}>
+            <T style={{flexDirection:"row",alignItems:"center",gap:5}}>
+              <Re size={12}color={F==="assembleRelease"?e.white:e.grayText}/>
+              <C style={[o.subTabText,F==="assembleRelease"&&o.subTabTextActive]}>
+                Release (assembleRelease)
+              </C>
+            </T>
           </U>
 
-          <U disabled={E}activeOpacity={.7}onPress={()=>{M("light"),oe("assembleDebug")}}style={[o.subTabItem,H==="assembleDebug"&&o.subTabItemActive]}>
-            <C style={[o.subTabText,H==="assembleDebug"&&o.subTabTextActive]}>
-              🛠 Debug (assembleDebug)
-            </C>
+          <U disabled={E}activeOpacity={.7}onPress={()=>{L("light"),oe("assembleDebug")}}style={[o.subTabItem,F==="assembleDebug"&&o.subTabItemActive]}>
+            <T style={{flexDirection:"row",alignItems:"center",gap:5}}>
+              <Ge size={12}color={F==="assembleDebug"?e.white:e.grayText}/>
+              <C style={[o.subTabText,F==="assembleDebug"&&o.subTabTextActive]}>
+                Debug (assembleDebug)
+              </C>
+            </T>
           </U>
         </T>
 
         
-        <U disabled={E}activeOpacity={.7}onPress={()=>{M("light"),De(!L)}}style={o.cleanRow}>
-          <T style={[o.checkboxBox,L&&o.checkboxBoxActive]}>
-            {L&&<Se size={11}color={e.white}/>}
+        <U disabled={E}activeOpacity={.7}onPress={()=>{L("light"),Ae(!W)}}style={o.cleanRow}>
+          <T style={[o.checkboxBox,W&&o.checkboxBoxActive]}>
+            {W&&<Se size={11}color={e.white}/>}
           </T>
           <C style={o.cleanLabel}>
             Clean build cache <C style={o.cleanCode}>(./gradlew clean)</C>
@@ -129,7 +135,7 @@ import{useState as O,useEffect as G,useMemo as Me,useCallback as ie,useRef as X}
 
         
         {R.status==="failed"&&<T style={o.errorContainer}>
-            <Re size={13}color={e.errorColor}/>
+            <Ie size={13}color={e.errorColor}/>
             <C style={o.errorText}numberOfLines={2}>
               {R.error||"Build execution failed."}
             </C>
@@ -139,10 +145,10 @@ import{useState as O,useEffect as G,useMemo as Me,useCallback as ie,useRef as X}
         {(R.logs&&R.logs.length>0||E)&&<T style={o.consoleContainer}>
             <T style={o.consoleHeaderRow}>
               <T style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                <Qe color="#38BDF8"size={12}/>
+                <Xe color="#38BDF8"size={12}/>
                 <C style={o.consoleHeaderTitle}>GRADLE VERBOSE OUTPUT</C>
               </T>
-              <U activeOpacity={.7}onPress={()=>Ae(!Q)}style={o.consoleToggleBtn}>
+              <U activeOpacity={.7}onPress={()=>ve(!Q)}style={o.consoleToggleBtn}>
                 <C style={o.consoleToggleText}>
                   {Q?"Hide Console":"Show Console"}
                 </C>
@@ -167,15 +173,15 @@ import{useState as O,useEffect as G,useMemo as Me,useCallback as ie,useRef as X}
               </C>
             </T>
 
-            <Be onPress={Oe}style={o.stopBtn}>
-              <Re size={13}color={e.white}/>
+            <Be onPress={Me}style={o.stopBtn}>
+              <Ie size={13}color={e.white}/>
               <C style={o.stopBtnText}>Stop Build</C>
             </Be>
-          </T>:<Be onPress={Fe}style={o.generateBtn}>
+          </T>:<Be onPress={Oe}style={o.generateBtn}>
             <T style={o.ctaContentRow}>
               <Ne size={14}color={e.white}/>
               <C style={o.generateBtnText}>
-                {L?"Clean & Generate Build":"Generate Build"}
+                {W?"Clean & Generate Build":"Generate Build"}
               </C>
             </T>
           </Be>}
@@ -183,9 +189,9 @@ import{useState as O,useEffect as G,useMemo as Me,useCallback as ie,useRef as X}
 
       
       <T style={o.footerNoteRow}>
-        <Ee size={13}color={e.grayTextWeak}/>
+        <$e size={13}color={e.grayTextWeak}/>
         <C style={o.footerNoteText}>
           Ensure both Android devices are connected to the same Wi-Fi network.
         </C>
       </T>
-    </Te>};const o=Le.create({scrollArea:{flex:1,backgroundColor:e.contentBg},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:S.interBold,fontSize:15,color:e.primaryBlack,letterSpacing:-.2},heroSubtitle:{fontFamily:S.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:S.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:S.interBold,fontSize:8.5,color:e.grayTextWeak,letterSpacing:.4},heroMetricValue:{fontFamily:S.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,gap:12},sectionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},sectionTitle:{fontFamily:S.interBold,fontSize:10.5,color:e.grayTextWeak,letterSpacing:.8,textTransform:"uppercase"},refreshBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3,borderRadius:6,backgroundColor:`${e.purple}12`},refreshBtnText:{fontFamily:S.interBold,fontSize:10,color:e.purple},qrCenteredWrapper:{alignItems:"center",justifyContent:"center",backgroundColor:e.grayBackground,padding:12,borderRadius:12,borderWidth:1,borderColor:e.grayBorderSecondary},qrInnerFrame:{backgroundColor:e.white,padding:6,borderRadius:8},urlBox:{flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:10,paddingLeft:10,paddingRight:6,paddingVertical:6,borderWidth:1,borderColor:e.grayBorderSecondary,gap:8},urlText:{flex:1,fontFamily:S.interMedium,fontSize:11.5,color:e.skyBlue},actionsRow:{flexDirection:"row",gap:10},actionBtnSecondary:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:9,borderRadius:10,borderWidth:1,borderColor:e.grayBorderSecondary,backgroundColor:e.grayBackground},actionBtnSecondaryText:{fontFamily:S.interBold,fontSize:12,color:e.grayTextStrong},actionBtnPrimary:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:9,borderRadius:10,backgroundColor:e.purple,shadowColor:e.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},actionBtnPrimaryText:{fontFamily:S.interBold,fontSize:12,color:e.white},completedBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${e.emerald500}18`,paddingHorizontal:6,paddingVertical:2,borderRadius:5},completedBadgeText:{fontFamily:S.interBold,fontSize:9.5,color:e.emerald500},subTabStrip:{flexDirection:"row",backgroundColor:e.grayBackground,borderRadius:8,padding:2,borderWidth:1,borderColor:e.grayBorderSecondary},subTabItem:{flex:1,paddingVertical:7,borderRadius:6,alignItems:"center",justifyContent:"center"},subTabItemActive:{backgroundColor:e.purple,shadowColor:e.purple,shadowOpacity:.2,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1},subTabText:{fontFamily:S.interMedium,fontSize:11,color:e.grayText},subTabTextActive:{fontFamily:S.interBold,color:e.white},cleanRow:{flexDirection:"row",alignItems:"center",gap:8,paddingVertical:2},checkboxBox:{width:18,height:18,borderRadius:4,borderWidth:1.5,borderColor:e.grayBorderSecondary,backgroundColor:e.grayBackground,alignItems:"center",justifyContent:"center"},checkboxBoxActive:{backgroundColor:e.purple,borderColor:e.purple},cleanLabel:{fontFamily:S.interMedium,fontSize:11.5,color:e.grayTextStrong},cleanCode:{fontFamily:S.interRegular,color:e.grayTextWeak,fontSize:10.5},progressContainer:{backgroundColor:e.grayBackground,borderRadius:10,padding:10,gap:6,borderWidth:1,borderColor:e.grayBorderSecondary},progressTopRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},progressTaskGroup:{flexDirection:"row",alignItems:"center",gap:6,flex:1,paddingRight:8},progressTaskText:{fontFamily:S.interMedium,fontSize:11,color:e.primaryBlack,flex:1},progressPercentageText:{fontFamily:S.interBold,fontSize:11.5,color:e.purple},progressBarTrack:{width:"100%",height:6,borderRadius:3,backgroundColor:e.grayBorderSecondary,overflow:"hidden"},progressBarFill:{height:"100%",backgroundColor:e.purple,borderRadius:3},errorContainer:{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:`${e.errorColor}12`,padding:8,borderRadius:8,borderWidth:1,borderColor:`${e.errorColor}25`},errorText:{fontFamily:S.interRegular,fontSize:11,color:e.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:S.interBold,fontSize:10,color:"#38BDF8",letterSpacing:.5},consoleToggleBtn:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,backgroundColor:"rgba(255,255,255,0.1)"},consoleToggleText:{fontFamily:S.interMedium,fontSize:9.5,color:"#94A3B8"},consoleLogBox:{maxHeight:140,paddingHorizontal:10,paddingVertical:8},consoleLogContent:{gap:3},consoleLogLine:{fontFamily:S.interRegular,fontSize:10,lineHeight:14},consoleLogPlaceholder:{fontFamily:S.interRegular,fontSize:10,color:"#64748B",fontStyle:"italic"},generateBtn:{backgroundColor:e.purple,borderRadius:10,paddingVertical:10,alignItems:"center",justifyContent:"center",shadowColor:e.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:`${e.purple}14`,borderRadius:10,paddingVertical:10,borderWidth:1,borderColor:`${e.purple}30`},buildingStatusPillText:{fontFamily:S.interBold,fontSize:12,color:e.purple},stopBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:e.errorColor,borderRadius:10,paddingHorizontal:16,paddingVertical:10,shadowColor:e.errorColor,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},stopBtnText:{fontFamily:S.interBold,fontSize:12,color:e.white},ctaContentRow:{flexDirection:"row",alignItems:"center",gap:6},generateBtnText:{fontFamily:S.interBold,fontSize:12.5,color:e.white},footerNoteRow:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:8},footerNoteText:{fontFamily:S.interRegular,fontSize:11,color:e.grayTextWeak,textAlign:"center",flex:1}});export default DebuggingTab;
+    </Te>};const o=We.create({scrollArea:{flex:1,backgroundColor:e.contentBg},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:S.interBold,fontSize:15,color:e.primaryBlack,letterSpacing:-.2},heroSubtitle:{fontFamily:S.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:S.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:S.interBold,fontSize:8.5,color:e.grayTextWeak,letterSpacing:.4},heroMetricValue:{fontFamily:S.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,gap:12},sectionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},sectionTitle:{fontFamily:S.interBold,fontSize:10.5,color:e.grayTextWeak,letterSpacing:.8,textTransform:"uppercase"},refreshBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3,borderRadius:6,backgroundColor:`${e.purple}12`},refreshBtnText:{fontFamily:S.interBold,fontSize:10,color:e.purple},qrCenteredWrapper:{alignItems:"center",justifyContent:"center",backgroundColor:e.grayBackground,padding:12,borderRadius:12,borderWidth:1,borderColor:e.grayBorderSecondary},qrInnerFrame:{backgroundColor:e.white,padding:6,borderRadius:8},urlBox:{flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:10,paddingLeft:10,paddingRight:6,paddingVertical:6,borderWidth:1,borderColor:e.grayBorderSecondary,gap:8},urlText:{flex:1,fontFamily:S.interMedium,fontSize:11.5,color:e.skyBlue},actionsRow:{flexDirection:"row",gap:10},actionBtnSecondary:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:9,borderRadius:10,borderWidth:1,borderColor:e.grayBorderSecondary,backgroundColor:e.grayBackground},actionBtnSecondaryText:{fontFamily:S.interBold,fontSize:12,color:e.grayTextStrong},actionBtnPrimary:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:9,borderRadius:10,backgroundColor:e.purple,shadowColor:e.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},actionBtnPrimaryText:{fontFamily:S.interBold,fontSize:12,color:e.white},completedBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${e.emerald500}18`,paddingHorizontal:6,paddingVertical:2,borderRadius:5},completedBadgeText:{fontFamily:S.interBold,fontSize:9.5,color:e.emerald500},subTabStrip:{flexDirection:"row",backgroundColor:e.grayBackground,borderRadius:8,padding:2,borderWidth:1,borderColor:e.grayBorderSecondary},subTabItem:{flex:1,paddingVertical:7,borderRadius:6,alignItems:"center",justifyContent:"center"},subTabItemActive:{backgroundColor:e.purple,shadowColor:e.purple,shadowOpacity:.2,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1},subTabText:{fontFamily:S.interMedium,fontSize:11,color:e.grayText},subTabTextActive:{fontFamily:S.interBold,color:e.white},cleanRow:{flexDirection:"row",alignItems:"center",gap:8,paddingVertical:2},checkboxBox:{width:18,height:18,borderRadius:4,borderWidth:1.5,borderColor:e.grayBorderSecondary,backgroundColor:e.grayBackground,alignItems:"center",justifyContent:"center"},checkboxBoxActive:{backgroundColor:e.purple,borderColor:e.purple},cleanLabel:{fontFamily:S.interMedium,fontSize:11.5,color:e.grayTextStrong},cleanCode:{fontFamily:S.interRegular,color:e.grayTextWeak,fontSize:10.5},progressContainer:{backgroundColor:e.grayBackground,borderRadius:10,padding:10,gap:6,borderWidth:1,borderColor:e.grayBorderSecondary},progressTopRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},progressTaskGroup:{flexDirection:"row",alignItems:"center",gap:6,flex:1,paddingRight:8},progressTaskText:{fontFamily:S.interMedium,fontSize:11,color:e.primaryBlack,flex:1},progressPercentageText:{fontFamily:S.interBold,fontSize:11.5,color:e.purple},progressBarTrack:{width:"100%",height:6,borderRadius:3,backgroundColor:e.grayBorderSecondary,overflow:"hidden"},progressBarFill:{height:"100%",backgroundColor:e.purple,borderRadius:3},errorContainer:{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:`${e.errorColor}12`,padding:8,borderRadius:8,borderWidth:1,borderColor:`${e.errorColor}25`},errorText:{fontFamily:S.interRegular,fontSize:11,color:e.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:S.interBold,fontSize:10,color:"#38BDF8",letterSpacing:.5},consoleToggleBtn:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,backgroundColor:"rgba(255,255,255,0.1)"},consoleToggleText:{fontFamily:S.interMedium,fontSize:9.5,color:"#94A3B8"},consoleLogBox:{maxHeight:140,paddingHorizontal:10,paddingVertical:8},consoleLogContent:{gap:3},consoleLogLine:{fontFamily:S.interRegular,fontSize:10,lineHeight:14},consoleLogPlaceholder:{fontFamily:S.interRegular,fontSize:10,color:"#64748B",fontStyle:"italic"},generateBtn:{backgroundColor:e.purple,borderRadius:10,paddingVertical:10,alignItems:"center",justifyContent:"center",shadowColor:e.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:`${e.purple}14`,borderRadius:10,paddingVertical:10,borderWidth:1,borderColor:`${e.purple}30`},buildingStatusPillText:{fontFamily:S.interBold,fontSize:12,color:e.purple},stopBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:e.errorColor,borderRadius:10,paddingHorizontal:16,paddingVertical:10,shadowColor:e.errorColor,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},stopBtnText:{fontFamily:S.interBold,fontSize:12,color:e.white},ctaContentRow:{flexDirection:"row",alignItems:"center",gap:6},generateBtnText:{fontFamily:S.interBold,fontSize:12.5,color:e.white},footerNoteRow:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:8},footerNoteText:{fontFamily:S.interRegular,fontSize:11,color:e.grayTextWeak,textAlign:"center",flex:1}});export default DebuggingTab;