react-native-inapp-inspector 2.3.24 → 2.3.25

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

@@ -1,5 +1,5 @@
-import Y,{useCallback as Z,useMemo as U,useRef as ee,useState as W}from"react";import{Alert as te,FlatList as Ce,Platform as Te,ScrollView as M,StyleSheet as be,Text as T,TextInput as Se,TouchableOpacity as Q,View as C}from"react-native";import{useTranslation as ke}from"../../i18n";import{useInspector as Ie}from"./InspectorContext";import A from"../TouchableScale";import Be from"../AnimatedEntrance";import Ve from"../EndOfListFooter";import Fe from"./FeatureUnderDevNotice";import Re from"../HighlightText";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as S}from"../../styles/AppFonts";import{clearCrashRecords as ve}from"../../customHooks/crashHandler";import Pe,{DEFAULT_CRASH_FILTERS as _,isCrashFiltersDefault as P}from"./CrashFilterModal";import{SearchIcon as He,ClearIcon as Le,TrashIcon as We,TerminalIcon as $e,LayersIcon as Ae,ClockIcon as De,ShieldAlertIcon as Me,FlameIcon as Oe,JsIcon as Ne,HourglassIcon as Ee,SkullIcon as Je,LayoutIcon as Ue,ChipIcon as Qe,AppleIcon as _e,AndroidIcon as Ge,RepeatIcon as Ke,CodeBracketsIcon as Xe,FilterIcon as Ye}from"../NetworkIcons";const Ze=x=>{const V=Date.now(),O=Math.max(0,V-x),R=Math.floor(O/1e3),H=Math.floor(R/60),k=Math.floor(H/60),L=Math.floor(k/24);return R<60?`${R}s ago`:H<60?`${H}m ago`:k<24?`${k}h ago`:`${L}d ago`},et=Y.memo(()=>{const{t:x}=ke(),{crashRecords:V,selectedCrash:O,setSelectedCrash:R}=Ie(),H=ee(null),[k,L]=W(""),[B,N]=W("all"),[b,E]=W(_),[q,J]=W(!1),[tt,rt]=W("stack"),v=U(()=>{const r=V.length;let o=0,w=0,z=0,I=0,$=0;return V.forEach(F=>{F.isFatal&&o++,F.type==="js"?w++:F.type==="promise"?z++:F.type==="render"?I++:F.type==="native"&&$++}),{total:r,fatalCount:o,jsCount:w,promiseCount:z,renderCount:I,nativeCount:$}},[V]),D=U(()=>{let r=V.filter(o=>{if(B==="fatal"&&!o.isFatal||B==="js"&&o.type!=="js"||B==="promise"&&o.type!=="promise"||B==="render"&&o.type!=="render"||B==="native"&&o.type!=="native"||b.types.size>0&&!b.types.has("all")&&!(b.types.has("fatal")&&o.isFatal||b.types.has("js")&&o.type==="js"||b.types.has("promise")&&o.type==="promise"||b.types.has("render")&&o.type==="render"||b.types.has("native")&&o.type==="native"))return!1;if(b.timeWindow!=="all"){const w=Date.now(),z=b.timeWindow==="15m"?w-900*1e3:b.timeWindow==="1h"?w-3600*1e3:b.timeWindow==="24h"?w-1440*60*1e3:w-10080*60*1e3;if(o.timestamp<z)return!1}if(b.platform!=="all"&&(o.deviceInfo?.platform||"").toLowerCase()!==b.platform)return!1;if(b.engine!=="all"){const w=o.deviceInfo?.isHermes;if(b.engine==="hermes"&&w!==!0||b.engine==="jsc"&&w===!0)return!1}if(k.trim().length>0){const w=k.trim().toLowerCase().split(/\s+/).filter(Boolean),z=[o.message||"",o.name||"",o.stack||"",o.type||"",o.deviceInfo?.platform||"",...(o.breadcrumbs||[]).map(I=>`${I.type||""} ${I.message||""}`)].join(" ").toLowerCase();return w.every(I=>z.includes(I))}return!0});return b.sortBy==="time_asc"&&(r=[...r].sort((o,w)=>o.timestamp-w.timestamp)),r},[V,B,k,b]),G=()=>{te.alert(x("crash.clearTitle"),x("crash.clearMessage"),[{text:x("crash.clearCancel"),style:"cancel"},{text:x("crash.clearConfirm"),style:"destructive",onPress:()=>ve()}])},K=Z(({item:r,index:o})=>{const w=r.isFatal,z=r.type.toUpperCase(),I=r.parsedStack&&r.parsedStack.length>0?r.parsedStack.find(X=>X.isAppCode)||r.parsedStack[0]:null,$=r.type==="native"?`${e.errorColor}22`:r.type==="render"?`${e.purple}22`:r.type==="promise"?`${e.darkOrange}22`:`${e.offerPurple}22`,F=r.type==="native"?e.errorColor:r.type==="render"?e.purple:r.type==="promise"?e.darkOrange:e.offerPurple;return<Be index={o}distance={8}>
-          <A onPress={()=>{R(r)}}style={[t.cardContainer,w&&t.fatalCardBorder]}>
+import Z,{useCallback as ee,useMemo as _,useRef as te,useState as W}from"react";import{Alert as re,FlatList as Ce,Platform as be,ScrollView as N,StyleSheet as Te,Text as T,TextInput as Se,TouchableOpacity as Ie,View as C}from"react-native";import{useTranslation as Be}from"../../i18n";import{useInspector as Ve}from"./InspectorContext";import A from"../TouchableScale";import Fe from"../AnimatedEntrance";import Re from"../EndOfListFooter";import He from"./FeatureUnderDevNotice";import Pe from"../HighlightText";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{clearCrashRecords as Le}from"../../customHooks/crashHandler";import We,{DEFAULT_CRASH_FILTERS as q,isCrashFiltersDefault as $}from"./CrashFilterModal";import{SearchIcon as $e,ClearIcon as De,TrashIcon as Ae,TerminalIcon as Me,LayersIcon as je,ClockIcon as Oe,ShieldAlertIcon as Ne,FlameIcon as Ee,JsIcon as Je,HourglassIcon as Ue,SkullIcon as Qe,LayoutIcon as _e,ChipIcon as qe,AppleIcon as Ge,AndroidIcon as Ke,RepeatIcon as Xe,CodeBracketsIcon as Ye,FilterIcon as Ze,ForwardChevronIcon as Ct}from"../NetworkIcons";const bt=S=>{const R=Date.now(),E=Math.max(0,R-S),L=Math.floor(E/1e3),D=Math.floor(L/60),v=Math.floor(D/60),j=Math.floor(v/24);return L<60?`${L}s ago`:D<60?`${D}m ago`:v<24?`${v}h ago`:`${j}d ago`},Tt=Z.memo(()=>{const{t:S}=Be(),{crashRecords:R,selectedCrash:E,setSelectedCrash:L}=Ve(),D=te(null),[v,j]=W(100),[B,O]=W(""),[z,J]=W("all"),[w,U]=W(q),[G,Q]=W(!1),[xt,wt]=W("stack"),V=_(()=>{const r=R.length;let o=0,x=0,F=0,I=0,M=0;return R.forEach(P=>{P.isFatal&&o++,P.type==="js"?x++:P.type==="promise"?F++:P.type==="render"?I++:P.type==="native"&&M++}),{total:r,fatalCount:o,jsCount:x,promiseCount:F,renderCount:I,nativeCount:M}},[R]),H=_(()=>{let r=R.filter(o=>{if(z==="fatal"&&!o.isFatal||z==="js"&&o.type!=="js"||z==="promise"&&o.type!=="promise"||z==="render"&&o.type!=="render"||z==="native"&&o.type!=="native"||w.types.size>0&&!w.types.has("all")&&!(w.types.has("fatal")&&o.isFatal||w.types.has("js")&&o.type==="js"||w.types.has("promise")&&o.type==="promise"||w.types.has("render")&&o.type==="render"||w.types.has("native")&&o.type==="native"))return!1;if(w.timeWindow!=="all"){const x=Date.now(),F=w.timeWindow==="15m"?x-900*1e3:w.timeWindow==="1h"?x-3600*1e3:w.timeWindow==="24h"?x-1440*60*1e3:x-10080*60*1e3;if(o.timestamp<F)return!1}if(w.platform!=="all"&&(o.deviceInfo?.platform||"").toLowerCase()!==w.platform)return!1;if(w.engine!=="all"){const x=o.deviceInfo?.isHermes;if(w.engine==="hermes"&&x!==!0||w.engine==="jsc"&&x===!0)return!1}if(B.trim().length>0){const x=B.trim().toLowerCase().split(/\s+/).filter(Boolean),F=[o.message||"",o.name||"",o.stack||"",o.type||"",o.deviceInfo?.platform||"",...(o.breadcrumbs||[]).map(I=>`${I.type||""} ${I.message||""}`)].join(" ").toLowerCase();return x.every(I=>F.includes(I))}return!0});return w.sortBy==="time_asc"&&(r=[...r].sort((o,x)=>o.timestamp-x.timestamp)),r},[R,z,B,w]),K=()=>{re.alert(S("crash.clearTitle"),S("crash.clearMessage"),[{text:S("crash.clearCancel"),style:"cancel"},{text:S("crash.clearConfirm"),style:"destructive",onPress:()=>Le()}])},X=ee(({item:r,index:o})=>{const x=r.isFatal,F=r.type.toUpperCase(),I=r.parsedStack&&r.parsedStack.length>0?r.parsedStack.find(Y=>Y.isAppCode)||r.parsedStack[0]:null,M=r.type==="native"?`${e.errorColor}22`:r.type==="render"?`${e.purple}22`:r.type==="promise"?`${e.darkOrange}22`:`${e.offerPurple}22`,P=r.type==="native"?e.errorColor:r.type==="render"?e.purple:r.type==="promise"?e.darkOrange:e.offerPurple;return<Fe index={o}distance={8}>
+          <A onPress={()=>{L(r)}}style={[t.cardContainer,x&&t.fatalCardBorder]}>
             
             <C style={t.cardHeader}>
               <C style={t.badgeRow}>
@@ -7,42 +7,43 @@ import Y,{useCallback as Z,useMemo as U,useRef as ee,useState as W}from"react";i
                   <T style={t.sNoBadgeText}>#{o+1}</T>
                 </C>
 
-                {w?<C style={t.fatalBadge}>
-                    <Oe size={10}color={e.white}/>
-                    <T style={t.fatalBadgeText}>{x("crash.fatalBadge")}</T>
+                {x?<C style={t.fatalBadge}>
+                    <Ee size={10}color={e.white}/>
+                    <T style={t.fatalBadgeText}>{S("crash.fatalBadge")}</T>
                   </C>:<C style={t.caughtBadge}>
-                    <T style={t.caughtBadgeText}>{x("crash.handledBadge")}</T>
+                    <T style={t.caughtBadgeText}>{S("crash.handledBadge")}</T>
                   </C>}
 
-                <C style={[t.typeBadge,{backgroundColor:$}]}>
-                  <T style={[t.typeBadgeText,{color:F}]}>
-                    {z}
+                <C style={[t.typeBadge,{backgroundColor:M}]}>
+                  <T style={[t.typeBadgeText,{color:P}]}>
+                    {F}
                   </T>
                 </C>
               </C>
 
               <C style={t.timeRow}>
-                <De size={11}color={e.grayTextWeak}/>
+                <Oe size={11}color={e.grayTextWeak}/>
                 <T style={t.timestampText}>
                   {r.timeStr||new Date(r.timestamp).toLocaleTimeString()}
                 </T>
                 <T style={t.relativeTimeText}>
-                  {Ze(r.timestamp)}
+                  {bt(r.timestamp)}
                 </T>
+                <Ct size={13}color={e.grayTextWeak}/>
               </C>
             </C>
 
             
             <C style={{marginVertical:6}}>
-              <Re text={r.message||x("crash.unknownException")}highlight={k}numberOfLines={3}style={t.errorMessageText}/>
+              <Pe text={r.message||S("crash.unknownException")}highlight={B}numberOfLines={3}style={t.errorMessageText}/>
             </C>
 
             
             {I&&<C style={t.locationRow}>
-                <$e size={12}color={e.grayTextWeak}/>
+                <Me size={12}color={e.grayTextWeak}/>
                 <T numberOfLines={1}ellipsizeMode="middle"style={t.locationText}>
                   {I.method!=="<anonymous>"?`${I.method} `:""}
-                  <T style={{color:e.purple,fontFamily:S.interBold}}>
+                  <T style={{color:e.purple,fontFamily:k.interBold}}>
                     {I.file}:{I.lineNumber}
                   </T>
                 </T>
@@ -52,7 +53,7 @@ import Y,{useCallback as Z,useMemo as U,useRef as ee,useState as W}from"react";i
             <C style={t.cardFooter}>
               <C style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
                 {r.deviceInfo&&<C style={t.metaPill}>
-                    {r.deviceInfo.platform==="ios"?<_e size={10}color={e.grayText}/>:r.deviceInfo.platform==="android"?<Ge size={10}color={e.grayText}/>:null}
+                    {r.deviceInfo.platform==="ios"?<Ge size={10}color={e.grayText}/>:r.deviceInfo.platform==="android"?<Ke size={10}color={e.grayText}/>:null}
                     <T style={t.metaPillText}>
                       {r.deviceInfo.platform?.toUpperCase()}{" "}
                       {r.deviceInfo.osVersion||""}
@@ -64,13 +65,13 @@ import Y,{useCallback as Z,useMemo as U,useRef as ee,useState as W}from"react";i
                     </T>
                   </C>}
                 {r.parsedStack&&r.parsedStack.length>0&&<C style={t.metaPill}>
-                    <Xe size={10}color={e.grayText}/>
+                    <Ye size={10}color={e.grayText}/>
                     <T style={t.metaPillText}>
                       {r.parsedStack.length}
                     </T>
                   </C>}
                 {r.breadcrumbs&&r.breadcrumbs.length>0&&<C style={t.metaPill}>
-                    <Ke size={10}color={e.grayText}/>
+                    <Xe size={10}color={e.grayText}/>
                     <T style={t.metaPillText}>
                       {r.breadcrumbs.length} trail
                     </T>
@@ -83,117 +84,126 @@ import Y,{useCallback as Z,useMemo as U,useRef as ee,useState as W}from"react";i
               </C>
             </C>
           </A>
-        </Be>},[k,R]);return<C style={t.container}>
-      {V.length>0&&<>
+        </Fe>},[B,L]);return<C style={t.container}>
+      {R.length>0&&<>
           
           <C style={t.statsBar}>
-            <M horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={t.statsScrollContent}>
+            <N horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={t.statsScrollContent}>
               <C style={[t.statChip,t.statChipActive]}>
-                <T style={t.statChipValue}>{v.total}</T>
-                <T style={t.statChipLabel}>{x("crash.statCrashes")}</T>
+                <T style={t.statChipValue}>{V.total}</T>
+                <T style={t.statChipLabel}>{S("crash.statCrashes")}</T>
               </C>
 
               <C style={t.statChip}>
                 <T style={[t.statChipValue,{color:e.errorColor}]}>
-                  {v.fatalCount}
+                  {V.fatalCount}
                 </T>
-                <T style={t.statChipLabel}>{x("crash.statFatal")}</T>
+                <T style={t.statChipLabel}>{S("crash.statFatal")}</T>
               </C>
 
               <C style={t.statChip}>
                 <T style={[t.statChipValue,{color:e.offerPurple}]}>
-                  {v.jsCount}
+                  {V.jsCount}
                 </T>
-                <T style={t.statChipLabel}>{x("crash.statJsErrors")}</T>
+                <T style={t.statChipLabel}>{S("crash.statJsErrors")}</T>
               </C>
 
               <C style={t.statChip}>
                 <T style={[t.statChipValue,{color:e.darkOrange}]}>
-                  {v.promiseCount}
+                  {V.promiseCount}
                 </T>
-                <T style={t.statChipLabel}>{x("crash.statPromises")}</T>
+                <T style={t.statChipLabel}>{S("crash.statPromises")}</T>
               </C>
 
               <C style={t.statChip}>
                 <T style={[t.statChipValue,{color:e.purple}]}>
-                  {v.renderCount}
+                  {V.renderCount}
                 </T>
-                <T style={t.statChipLabel}>{x("crash.statRender")}</T>
+                <T style={t.statChipLabel}>{S("crash.statRender")}</T>
               </C>
 
               <C style={t.statChip}>
                 <T style={[t.statChipValue,{color:e.skyBlue}]}>
-                  {v.nativeCount}
+                  {V.nativeCount}
                 </T>
-                <T style={t.statChipLabel}>{x("crash.statNative")}</T>
+                <T style={t.statChipLabel}>{S("crash.statNative")}</T>
               </C>
-            </M>
+            </N>
           </C>
 
           
           <C style={t.controlsContainer}>
             <C style={t.searchRow}>
               <C style={t.searchInputWrapper}>
-                <He color={e.grayTextWeak}size={14}/>
-                <Se value={k}onChangeText={L}placeholder={x("crash.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}style={t.searchInput}autoCapitalize="none"autoCorrect={!1}/>
-                {k.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
+                <$e color={e.grayTextWeak}size={14}/>
+                <Se value={B}onChangeText={O}placeholder={S("crash.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}style={t.searchInput}autoCapitalize="none"autoCorrect={!1}/>
+                {B.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
                     <C style={{backgroundColor:`${e.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
-                      <T style={{color:e.purple,fontSize:9.5,fontFamily:S.interBold}}>
-                        {D.length}
+                      <T style={{color:e.purple,fontSize:9.5,fontFamily:k.interBold}}>
+                        {H.length}
                       </T>
                     </C>
-                    <Q onPress={()=>L("")}hitSlop={8}>
-                      <Le color={e.grayTextWeak}size={14}/>
-                    </Q>
+                    <Ie onPress={()=>O("")}hitSlop={8}>
+                      <De color={e.grayTextWeak}size={14}/>
+                    </Ie>
                   </C>}
               </C>
 
               
-              <A onPress={()=>J(!0)}style={[t.filterButton,!P(b)&&{borderColor:`${e.brandPurple}60`,backgroundColor:`${e.brandPurple}15`}]}>
-                <Ye size={14}color={P(b)?e.grayTextStrong:e.brandPurple}/>
-                {!P(b)&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:e.darkOrange,borderWidth:1,borderColor:e.white}}/>}
+              <A onPress={()=>Q(!0)}style={[t.filterButton,!$(w)&&{borderColor:`${e.brandPurple}60`,backgroundColor:`${e.brandPurple}15`}]}>
+                <Ze size={14}color={$(w)?e.grayTextStrong:e.brandPurple}/>
+                {!$(w)&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:e.darkOrange,borderWidth:1,borderColor:e.white}}/>}
               </A>
 
               
-              <A onPress={G}style={t.clearButton}>
-                <We size={14}color={e.errorColor}/>
+              <A onPress={K}style={t.clearButton}>
+                <Ae size={14}color={e.errorColor}/>
               </A>
             </C>
 
-            <Fe featureName="Crash & Exception Sentinel"/>
+            <He featureName="Crash & Exception Sentinel"/>
 
             
-            <M horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={t.filterScrollContent}>
-              {[{key:"all",label:x("crash.filterAll"),Icon:Ae},{key:"fatal",label:x("crash.filterFatal"),Icon:Je},{key:"js",label:x("crash.filterJsError"),Icon:Ne},{key:"promise",label:x("crash.filterPromise"),Icon:Ee},{key:"render",label:x("crash.filterRender"),Icon:Ue},{key:"native",label:x("crash.filterNative"),Icon:Qe}].map(r=>{const o=B===r.key;return<Q key={r.key}onPress={()=>N(r.key)}style={[t.filterChip,o&&t.filterChipActive]}>
-                    <r.Icon size={12}color={o?e.white:e.grayTextStrong}/>
-                    <T style={[t.filterChipText,o&&t.filterChipTextActive]}>
-                      {r.label}
-                    </T>
-                  </Q>})}
-            </M>
+            <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
+              <N horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+                {[{key:"all",label:S("crash.filterAll"),Icon:je,count:V.total,themeColor:e.purple},{key:"fatal",label:S("crash.filterFatal"),Icon:Qe,count:V.fatalCount,themeColor:e.errorColor},{key:"js",label:S("crash.filterJsError"),Icon:Je,count:V.jsCount,themeColor:e.amber600},{key:"promise",label:S("crash.filterPromise"),Icon:Ue,count:V.promiseCount,themeColor:e.orange600},{key:"render",label:S("crash.filterRender"),Icon:_e,count:V.renderCount,themeColor:e.violet600},{key:"native",label:S("crash.filterNative"),Icon:qe,count:V.nativeCount,themeColor:e.cyan600}].map(r=>{const o=z===r.key,x=r.themeColor||e.purple,F=o?e.white:x,I=r.Icon;return<A key={r.key}onPress={()=>J(r.key)}>
+                      <C style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:o?x:`${x}12`,borderWidth:1,borderColor:o?x:`${x}30`,gap:5}}>
+                        <I size={11}color={F}/>
+                        <T style={{fontFamily:k.interBold,fontSize:10.5,color:o?e.white:e.primaryBlack}}>
+                          {r.label}
+                        </T>
+                        <C style={{backgroundColor:o?"rgba(255,255,255,0.25)":`${x}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8,alignItems:"center",justifyContent:"center"}}>
+                          <T style={{fontFamily:k.interBold,fontSize:9.5,color:o?e.white:x}}>
+                            {r.count}
+                          </T>
+                        </C>
+                      </C>
+                    </A>})}
+              </N>
+            </C>
           </C>
         </>}
 
       
-      {D.length===0?<M contentContainerStyle={t.emptyContainer}showsVerticalScrollIndicator={!1}>
+      {H.length===0?<N contentContainerStyle={t.emptyContainer}showsVerticalScrollIndicator={!1}>
           <C style={t.emptyIconCircle}>
-            <Me size={38}color={e.greenColor}/>
+            <Ne size={38}color={e.greenColor}/>
           </C>
           <T style={t.emptyTitle}>
-            {k.length>0?"No matching crash entries":B!=="all"||!P(b)?"No crashes match filters":x("crash.emptyTitle")}
+            {B.length>0?"No matching crash entries":z!=="all"||!$(w)?"No crashes match filters":S("crash.emptyTitle")}
           </T>
           <T style={t.emptySub}>
-            {k?`No crash entries matched "${k}"`:B!=="all"||!P(b)?"Try adjusting your filters or search keywords.":x("crash.emptySubtitle")}
+            {B?`No crash entries matched "${B}"`:z!=="all"||!$(w)?"Try adjusting your filters or search keywords.":S("crash.emptySubtitle")}
           </T>
-          {(k.length>0||B!=="all"||!P(b))&&<A onPress={()=>{L(""),N("all"),E(_)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:e.purple}}>
-              <T style={{fontFamily:S.interBold,fontSize:11.5,color:e.white}}>
+          {(B.length>0||z!=="all"||!$(w))&&<A onPress={()=>{O(""),J("all"),U(q)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:e.purple}}>
+              <T style={{fontFamily:k.interBold,fontSize:11.5,color:e.white}}>
                 Clear Search & Filters
               </T>
             </A>}
-        </M>:<>
-          <Ce ref={H}data={D}keyExtractor={r=>r.id}renderItem={K}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={Te.OS==="android"}renderToHardwareTextureAndroid={!0}contentContainerStyle={t.listContent}showsVerticalScrollIndicator={!1}ListFooterComponent={<Ve/>}/>
+        </N>:<>
+          <Ce ref={D}data={H.slice(0,v)}keyExtractor={r=>r.id}renderItem={X}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={be.OS==="android"}renderToHardwareTextureAndroid={!0}contentContainerStyle={t.listContent}showsVerticalScrollIndicator={!1}ListFooterComponent={H.length>0?<Re count={Math.min(v,H.length)}totalCount={H.length}label="crashes"hasMore={H.length>v}onLoadMore={()=>j(r=>r+10)}/>:null}/>
         </>}
 
       
-      <Pe visible={q}onClose={()=>J(!1)}filters={b}onApply={E}searchQuery={k}/>
-    </C>});export default et;const t=be.create({container:{flex:1,backgroundColor:e.grayBackground},statsBar:{backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.grayBorderSecondary,paddingVertical:10},statsScrollContent:{paddingHorizontal:16,gap:8},statChip:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:e.purpleShade50,borderWidth:1,borderColor:`${e.purple}14`},statChipActive:{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}33`},statChipValue:{fontFamily:S.interBold,fontSize:13,color:e.primaryBlack},statChipLabel:{fontFamily:S.interMedium,fontSize:11,color:e.grayText},controlsContainer:{paddingHorizontal:16,paddingTop:12,paddingBottom:6,backgroundColor:e.grayBackground},searchRow:{flexDirection:"row",alignItems:"center",gap:8},searchInputWrapper:{flex:1,flexDirection:"row",alignItems:"center",backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary,borderRadius:10,paddingHorizontal:10,height:38,gap:8},searchInput:{flex:1,fontFamily:S.interRegular,fontSize:13,color:e.primaryBlack,paddingVertical:0},clearButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}22`,alignItems:"center",justifyContent:"center"},filterButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.brandPurple}0F`,borderWidth:1,borderColor:`${e.brandPurple}30`,alignItems:"center",justifyContent:"center"},filterScrollContent:{paddingVertical:10,gap:6},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary},filterChipActive:{backgroundColor:e.purple,borderColor:e.purple},filterChipText:{fontFamily:S.interMedium,fontSize:12,color:e.grayText},filterChipTextActive:{fontFamily:S.interBold,color:e.white},listContent:{paddingHorizontal:16,paddingTop:4,paddingBottom:24,gap:10},cardContainer:{backgroundColor:e.primaryLight,borderRadius:12,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2},fatalCardBorder:{borderColor:`${e.errorColor}44`},cardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},badgeRow:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},sNoBadge:{backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,paddingHorizontal:6,paddingVertical:3,borderRadius:5},sNoBadgeText:{fontFamily:S.interBold,fontSize:9.5,color:e.grayText,letterSpacing:.3},fatalBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.errorColor,paddingHorizontal:6,paddingVertical:3,borderRadius:5},fatalBadgeText:{fontFamily:S.interBold,fontSize:9.5,color:e.white,letterSpacing:.5},caughtBadge:{backgroundColor:`${e.greenColor}1F`,paddingHorizontal:6,paddingVertical:3,borderRadius:5},caughtBadgeText:{fontFamily:S.interBold,fontSize:9.5,color:e.greenColor,letterSpacing:.5},typeBadge:{paddingHorizontal:6,paddingVertical:3,borderRadius:5},typeBadgeText:{fontFamily:S.interBold,fontSize:9.5,letterSpacing:.5},timeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:1},timestampText:{fontFamily:S.interRegular,fontSize:11,color:e.grayTextWeak},relativeTimeText:{fontFamily:S.interBold,fontSize:10,color:e.grayTextWeak,backgroundColor:e.grayBackground,paddingHorizontal:5,paddingVertical:1,borderRadius:4,overflow:"hidden"},errorMessageText:{fontFamily:S.interBold,fontSize:13.5,color:e.primaryBlack,lineHeight:18},locationRow:{flexDirection:"row",alignItems:"center",gap:6,marginTop:2,marginBottom:6,backgroundColor:e.purpleShade50,paddingHorizontal:8,paddingVertical:4,borderRadius:6},locationText:{fontFamily:S.interRegular,fontSize:11,color:e.grayText,flex:1},cardFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor},metaPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.purpleShade50,paddingHorizontal:6,paddingVertical:2,borderRadius:4},metaPillText:{fontFamily:S.interMedium,fontSize:10,color:e.grayTextWeak},emptyContainer:{flexGrow:1,alignItems:"center",justifyContent:"center",padding:32,paddingBottom:80},emptyIconCircle:{width:72,height:72,borderRadius:36,backgroundColor:`${e.greenColor}1F`,alignItems:"center",justifyContent:"center",marginBottom:16},emptyTitle:{fontFamily:S.interBold,fontSize:17,color:e.primaryBlack,marginBottom:6},emptySub:{fontFamily:S.interRegular,fontSize:13,color:e.grayText,textAlign:"center",lineHeight:18,maxWidth:280}});
+      <We visible={G}onClose={()=>Q(!1)}filters={w}onApply={U}searchQuery={B}/>
+    </C>});export default Tt;const t=Te.create({container:{flex:1,backgroundColor:e.grayBackground},statsBar:{backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.grayBorderSecondary,paddingVertical:10},statsScrollContent:{paddingHorizontal:16,gap:8},statChip:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:e.purpleShade50,borderWidth:1,borderColor:`${e.purple}14`},statChipActive:{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}33`},statChipValue:{fontFamily:k.interBold,fontSize:13,color:e.primaryBlack},statChipLabel:{fontFamily:k.interMedium,fontSize:11,color:e.grayText},controlsContainer:{paddingHorizontal:16,paddingTop:12,paddingBottom:6,backgroundColor:e.grayBackground},searchRow:{flexDirection:"row",alignItems:"center",gap:8},searchInputWrapper:{flex:1,flexDirection:"row",alignItems:"center",backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary,borderRadius:10,paddingHorizontal:10,height:38,gap:8},searchInput:{flex:1,fontFamily:k.interRegular,fontSize:13,color:e.primaryBlack,paddingVertical:0},clearButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}22`,alignItems:"center",justifyContent:"center"},filterButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.brandPurple}0F`,borderWidth:1,borderColor:`${e.brandPurple}30`,alignItems:"center",justifyContent:"center"},filterScrollContent:{paddingVertical:10,gap:6},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary},filterChipActive:{backgroundColor:e.purple,borderColor:e.purple},filterChipText:{fontFamily:k.interMedium,fontSize:12,color:e.grayText},filterChipTextActive:{fontFamily:k.interBold,color:e.white},listContent:{paddingHorizontal:16,paddingTop:4,paddingBottom:24,gap:10},cardContainer:{backgroundColor:e.primaryLight,borderRadius:12,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2},fatalCardBorder:{borderColor:`${e.errorColor}44`},cardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},badgeRow:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},sNoBadge:{backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,paddingHorizontal:6,paddingVertical:3,borderRadius:5},sNoBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.grayText,letterSpacing:.3},fatalBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.errorColor,paddingHorizontal:6,paddingVertical:3,borderRadius:5},fatalBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.white,letterSpacing:.5},caughtBadge:{backgroundColor:`${e.greenColor}1F`,paddingHorizontal:6,paddingVertical:3,borderRadius:5},caughtBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.greenColor,letterSpacing:.5},typeBadge:{paddingHorizontal:6,paddingVertical:3,borderRadius:5},typeBadgeText:{fontFamily:k.interBold,fontSize:9.5,letterSpacing:.5},timeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:1},timestampText:{fontFamily:k.interRegular,fontSize:11,color:e.grayTextWeak},relativeTimeText:{fontFamily:k.interBold,fontSize:10,color:e.grayTextWeak,backgroundColor:e.grayBackground,paddingHorizontal:5,paddingVertical:1,borderRadius:4,overflow:"hidden"},errorMessageText:{fontFamily:k.interBold,fontSize:13.5,color:e.primaryBlack,lineHeight:18},locationRow:{flexDirection:"row",alignItems:"center",gap:6,marginTop:2,marginBottom:6,backgroundColor:e.purpleShade50,paddingHorizontal:8,paddingVertical:4,borderRadius:6},locationText:{fontFamily:k.interRegular,fontSize:11,color:e.grayText,flex:1},cardFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor},metaPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.purpleShade50,paddingHorizontal:6,paddingVertical:2,borderRadius:4},metaPillText:{fontFamily:k.interMedium,fontSize:10,color:e.grayTextWeak},emptyContainer:{flexGrow:1,alignItems:"center",justifyContent:"center",padding:32,paddingBottom:80},emptyIconCircle:{width:72,height:72,borderRadius:36,backgroundColor:`${e.greenColor}1F`,alignItems:"center",justifyContent:"center",marginBottom:16},emptyTitle:{fontFamily:k.interBold,fontSize:17,color:e.primaryBlack,marginBottom:6},emptySub:{fontFamily:k.interRegular,fontSize:13,color:e.grayText,textAlign:"center",lineHeight:18,maxWidth:280}});

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

@@ -1,11 +1,11 @@
-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">
+import{useState as M,useEffect as _,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 G,ActivityIndicator as Ce,Animated as Z}from"react-native";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as B}from"../../styles/AppFonts";import $e from"../QRCodeView";import Se from"../TouchableScale";import{showToast as J}from"../../helpers/toast";import{triggerNativeHaptic as L}from"../../native/NativeInspector";import{InfoCircleIcon as Ne,CheckIcon as Be,BoltIcon as Re,CircleXIcon as Ie,SparkleIcon as Ee,AndroidIcon as Ge,RepeatIcon as Ue,WrenchIcon as _e}from"../NetworkIcons";import Ke,{Path as Qe}from"react-native-svg";const Xe=({color:I=e.purple,size:N=13})=><Ke width={N}height={N}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}>
+  </Ke>;export const DebuggingTab=()=>{const I=Le(()=>{const k=Pe.SourceCode?.scriptURL||"";let V="localhost",S=8081;try{if(k.includes("://")){const v=k.split("://")[1].split("/")[0];if(v.includes(":")){const A=v.split(":");V=A[0];const P=parseInt(A[1],10);isNaN(P)||(S=P)}else V=v}}catch{}return{host:V,port:S,scriptURL:k}},[]),[N,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,ve]=M(!0),[R,U]=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,Ae]=M(!0),te=X(null);_(()=>{Z.timing(K,{toValue:Math.max(0,Math.min(100,R.progress)),duration:350,useNativeDriver:!1}).start()},[R.progress,K]),_(()=>{R.logs&&R.logs.length>0&&setTimeout(()=>{te.current?.scrollToEnd({animated:!0})},50)},[R.logs]);const E=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 S of k)for(const O of V)try{const v=new AbortController,A=setTimeout(()=>v.abort(),1200),P=await fetch(`http://${S}:${O}/__inapp_inspector/apk-info`,{signal:v.signal});if(clearTimeout(A),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]);_(()=>{E()},[E]),_(()=>()=>{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 S=await V.json();U(S),S.status==="completed"?(D.current&&clearInterval(D.current),L("success"),J("\u2713 APK Build Generated Successfully!"),S.apkSize&&ee((S.apkSize/(1024*1024)).toFixed(1)),S.apkName&&Y(S.apkName),E()):S.status==="failed"&&(D.current&&clearInterval(D.current),L("error"),J("\u2715 Build Failed: "+(S.error||"Gradle error")))}}catch{}},1e3)},[I.host,H,E]),Oe=async()=>{L("medium"),U({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 S=!1;for(const O of k)for(const v of V)try{const A=new AbortController,P=setTimeout(()=>A.abort(),2e3),z=await fetch(`http://${O}:${v}/__inapp_inspector/build-apk?scheme=${F}&clean=${W}`,{signal:A.signal});if(clearTimeout(P),z.ok){S=!0,Fe();return}}catch{}S||U(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 S of k)for(const O of V)try{const v=new AbortController,A=setTimeout(()=>v.abort(),1500);await fetch(`http://${S}:${O}/__inapp_inspector/stop-build`,{signal:v.signal}),clearTimeout(A)}catch{}U(S=>({...S,status:"idle",currentTask:"Build cancelled by user",logs:[...S.logs||[],"\u{1F6D1} Build cancelled by user."]})),J("Build cancelled")},re=`http://${N}:${H}/${De.replace(/^\/+/,"")}`,Ze=()=>{L("light"),He.share({message:re,title:"Install Android APK"})},$=R.status==="running";return<Te style={o.scrollArea}contentContainerStyle={o.scrollContent}showsVerticalScrollIndicator={!1}>
       
       <T style={o.heroCard}>
         <T style={o.heroHeader}>
           <T style={o.heroIconWrap}>
-            <Ue size={20}color={e.white}/>
+            <Ge size={20}color={e.white}/>
           </T>
           <T style={{flex:1,minWidth:0}}>
             <C style={o.heroTitle}numberOfLines={1}>
@@ -26,7 +26,7 @@ import{useState as M,useEffect as G,useMemo as Le,useCallback as ie,useRef as X}
           <T style={o.heroMetricItem}>
             <C style={o.heroMetricLabel}>HOST IP</C>
             <C style={o.heroMetricValue}numberOfLines={1}>
-              {$}
+              {N}
             </C>
           </T>
           <T style={o.heroMetricDivider}/>
@@ -55,16 +55,16 @@ import{useState as M,useEffect as G,useMemo as Le,useCallback as ie,useRef as X}
       <T style={o.sectionCard}>
         <T style={o.sectionHeaderRow}>
           <C style={o.sectionTitle}>QR CODE & DIRECT DOWNLOAD</C>
-          <U activeOpacity={.7}onPress={N}style={o.refreshBtn}>
-            <_e size={12}color={e.purple}/>
+          <G activeOpacity={.7}onPress={E}style={o.refreshBtn}>
+            <Ue size={12}color={e.purple}/>
             <C style={o.refreshBtnText}>Refresh</C>
-          </U>
+          </G>
         </T>
 
         
         <T style={o.qrCenteredWrapper}>
           <T style={o.qrInnerFrame}>
-            <Ee value={re}size={235}color={e.primaryBlack}backgroundColor={e.white}/>
+            <$e value={re}size={235}color={e.primaryBlack}backgroundColor={e.white}/>
           </T>
         </T>
       </T>
@@ -77,44 +77,44 @@ import{useState as M,useEffect as G,useMemo as Le,useCallback as ie,useRef as X}
             <C style={o.sectionTitle}>BUILD GENERATOR (GRADLE)</C>
           </T>
           {R.status==="completed"&&<T style={o.completedBadge}>
-              <Se size={10}color={e.emerald500}/>
+              <Be size={10}color={e.emerald500}/>
               <C style={o.completedBadgeText}>100% Ready</C>
             </T>}
         </T>
 
         
         <T style={o.subTabStrip}>
-          <U disabled={E}activeOpacity={.7}onPress={()=>{L("light"),oe("assembleRelease")}}style={[o.subTabItem,F==="assembleRelease"&&o.subTabItemActive]}>
+          <G disabled={$}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>
+          </G>
 
-          <U disabled={E}activeOpacity={.7}onPress={()=>{L("light"),oe("assembleDebug")}}style={[o.subTabItem,F==="assembleDebug"&&o.subTabItemActive]}>
+          <G disabled={$}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}/>
+              <_e size={12}color={F==="assembleDebug"?e.white:e.grayText}/>
               <C style={[o.subTabText,F==="assembleDebug"&&o.subTabTextActive]}>
                 Debug (assembleDebug)
               </C>
             </T>
-          </U>
+          </G>
         </T>
 
         
-        <U disabled={E}activeOpacity={.7}onPress={()=>{L("light"),Ae(!W)}}style={o.cleanRow}>
+        <G disabled={$}activeOpacity={.7}onPress={()=>{L("light"),ve(!W)}}style={o.cleanRow}>
           <T style={[o.checkboxBox,W&&o.checkboxBoxActive]}>
-            {W&&<Se size={11}color={e.white}/>}
+            {W&&<Be size={11}color={e.white}/>}
           </T>
           <C style={o.cleanLabel}>
             Clean build cache <C style={o.cleanCode}>(./gradlew clean)</C>
           </C>
-        </U>
+        </G>
 
         
-        {E&&<T style={o.progressContainer}>
+        {$&&<T style={o.progressContainer}>
             <T style={o.progressTopRow}>
               <T style={o.progressTaskGroup}>
                 <Ce size="small"color={e.purple}/>
@@ -142,21 +142,21 @@ import{useState as M,useEffect as G,useMemo as Le,useCallback as ie,useRef as X}
           </T>}
 
         
-        {(R.logs&&R.logs.length>0||E)&&<T style={o.consoleContainer}>
+        {(R.logs&&R.logs.length>0||$)&&<T style={o.consoleContainer}>
             <T style={o.consoleHeaderRow}>
               <T style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                <Xe color="#38BDF8"size={12}/>
+                <Xe color={e.sky400}size={12}/>
                 <C style={o.consoleHeaderTitle}>GRADLE VERBOSE OUTPUT</C>
               </T>
-              <U activeOpacity={.7}onPress={()=>ve(!Q)}style={o.consoleToggleBtn}>
+              <G activeOpacity={.7}onPress={()=>Ae(!Q)}style={o.consoleToggleBtn}>
                 <C style={o.consoleToggleText}>
                   {Q?"Hide Console":"Show Console"}
                 </C>
-              </U>
+              </G>
             </T>
 
             {Q&&<Te ref={te}style={o.consoleLogBox}contentContainerStyle={o.consoleLogContent}nestedScrollEnabled showsVerticalScrollIndicator>
-                {R.logs&&R.logs.length>0?R.logs.map((k,V)=>{let B="#94A3B8";return k.startsWith("> Task :")?B="#38BDF8":k.includes("BUILD SUCCESSFUL")?B="#4ADE80":k.includes("FAILURE")||k.includes("error:")?B="#F87171":k.includes("UP-TO-DATE")&&(B="#A78BFA"),<C key={V}style={[o.consoleLogLine,{color:B}]}>
+                {R.logs&&R.logs.length>0?R.logs.map((k,V)=>{let S=e.slate400;return k.startsWith("> Task :")?S=e.sky400:k.includes("BUILD SUCCESSFUL")?S=e.buildSuccessGreen:k.includes("FAILURE")||k.includes("error:")?S=e.buildFailureRed:k.includes("UP-TO-DATE")&&(S=e.purple400),<C key={V}style={[o.consoleLogLine,{color:S}]}>
                         {k}
                       </C>}):<C style={o.consoleLogPlaceholder}>
                     Waiting for Gradle daemon output...
@@ -165,7 +165,7 @@ import{useState as M,useEffect as G,useMemo as Le,useCallback as ie,useRef as X}
           </T>}
 
         
-        {E?<T style={o.buildingActionsRow}>
+        {$?<T style={o.buildingActionsRow}>
             <T style={o.buildingStatusPill}>
               <Ce size="small"color={e.purple}/>
               <C style={o.buildingStatusPillText}numberOfLines={1}>
@@ -173,25 +173,25 @@ import{useState as M,useEffect as G,useMemo as Le,useCallback as ie,useRef as X}
               </C>
             </T>
 
-            <Be onPress={Me}style={o.stopBtn}>
+            <Se onPress={Me}style={o.stopBtn}>
               <Ie size={13}color={e.white}/>
               <C style={o.stopBtnText}>Stop Build</C>
-            </Be>
-          </T>:<Be onPress={Oe}style={o.generateBtn}>
+            </Se>
+          </T>:<Se onPress={Oe}style={o.generateBtn}>
             <T style={o.ctaContentRow}>
-              <Ne size={14}color={e.white}/>
+              <Ee size={14}color={e.white}/>
               <C style={o.generateBtnText}>
                 {W?"Clean & Generate Build":"Generate Build"}
               </C>
             </T>
-          </Be>}
+          </Se>}
       </T>
 
       
       <T style={o.footerNoteRow}>
-        <$e size={13}color={e.grayTextWeak}/>
+        <Ne 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=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;
+    </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:B.interBold,fontSize:15,color:e.primaryBlack,letterSpacing:-.2},heroSubtitle:{fontFamily:B.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:B.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:B.interBold,fontSize:8.5,color:e.grayTextWeak,letterSpacing:.4},heroMetricValue:{fontFamily:B.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:B.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:B.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:B.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:B.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:B.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:B.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:B.interMedium,fontSize:11,color:e.grayText},subTabTextActive:{fontFamily:B.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:B.interMedium,fontSize:11.5,color:e.grayTextStrong},cleanCode:{fontFamily:B.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:B.interMedium,fontSize:11,color:e.primaryBlack,flex:1},progressPercentageText:{fontFamily:B.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:B.interRegular,fontSize:11,color:e.errorColor,flex:1},consoleContainer:{backgroundColor:e.slate900,borderRadius:10,borderWidth:1,borderColor:e.slate800,overflow:"hidden",marginTop:4},consoleHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.slate800,paddingHorizontal:10,paddingVertical:6},consoleHeaderTitle:{fontFamily:B.interBold,fontSize:10,color:e.sky400,letterSpacing:.5},consoleToggleBtn:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,backgroundColor:"rgba(255,255,255,0.1)"},consoleToggleText:{fontFamily:B.interMedium,fontSize:9.5,color:e.slate400},consoleLogBox:{maxHeight:140,paddingHorizontal:10,paddingVertical:8},consoleLogContent:{gap:3},consoleLogLine:{fontFamily:B.interRegular,fontSize:10,lineHeight:14},consoleLogPlaceholder:{fontFamily:B.interRegular,fontSize:10,color:e.slate500,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:B.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:B.interBold,fontSize:12,color:e.white},ctaContentRow:{flexDirection:"row",alignItems:"center",gap:6},generateBtnText:{fontFamily:B.interBold,fontSize:12.5,color:e.white},footerNoteRow:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:8},footerNoteText:{fontFamily:B.interRegular,fontSize:11,color:e.grayTextWeak,textAlign:"center",flex:1}});export default DebuggingTab;