react-native-inapp-inspector 2.5.11 → 2.5.13

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

@@ -1,50 +1,50 @@
-import{useState as M,useEffect as _,useMemo as We,useCallback as ie,useRef as X}from"react";import{View as T,Text as C,ScrollView as Te,StyleSheet as Pe,NativeModules 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{useTranslation as $e}from"../../i18n";import Ne from"../QRCodeView";import Se from"../TouchableScale";import{showToast as J}from"../../helpers/toast";import{triggerNativeHaptic as H}from"../../native/NativeInspector";import{InfoCircleIcon as Ee,CheckIcon as Be,BoltIcon as Re,CircleXIcon as Ie,SparkleIcon as Ge,AndroidIcon as Ue,RepeatIcon as _e,WrenchIcon as Ke}from"../NetworkIcons";import Qe,{Path as Xe}from"react-native-svg";const Ze=({color:L=e.purple,size:R=13})=><Qe width={R}height={R}viewBox="0 0 24 24"fill="none">
-    <Xe d="M4 17l6-6-6-6M12 19h8"stroke={L}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-  </Qe>;export const DebuggingTab=()=>{const{t:L}=$e(),R=We(()=>{const k=He.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}},[]),[Y,Ve]=M(()=>R.host&&R.host!=="localhost"&&R.host!=="127.0.0.1"&&R.host!=="10.0.2.2"?R.host:"192.168.1.2"),[$,ze]=M(R.port||8083),[De,ee]=M("app-debug.apk"),[q,oe]=M(null),[F,te]=M("assembleRelease"),[W,ve]=M(!0),[I,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),re=X(null);_(()=>{Z.timing(K,{toValue:Math.max(0,Math.min(100,I.progress)),duration:350,useNativeDriver:!1}).start()},[I.progress,K]),_(()=>{I.logs&&I.logs.length>0&&setTimeout(()=>{re.current?.scrollToEnd({animated:!0})},50)},[I.logs]);const E=ie(async()=>{const k=Array.from(new Set([R.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),V=Array.from(new Set([R.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&&ee(z.apkName),z.apkSize&&oe((z.apkSize/(1024*1024)).toFixed(1));return}}catch{}},[R.host,R.port]);_(()=>{E()},[E]),_(()=>()=>{D.current&&clearInterval(D.current)},[]);const Fe=ie(()=>{D.current&&clearInterval(D.current);const k=R.host||"10.0.2.2";D.current=setInterval(async()=>{try{const V=await fetch(`http://${k}:${$}/__inapp_inspector/build-status`);if(V.ok){const S=await V.json();U(S),S.status==="completed"?(D.current&&clearInterval(D.current),H("success"),J(L("debugging.buildSuccess","APK Build Generated Successfully!")),S.apkSize&&oe((S.apkSize/(1024*1024)).toFixed(1)),S.apkName&&ee(S.apkName),E()):S.status==="failed"&&(D.current&&clearInterval(D.current),H("error"),J(L("debugging.buildFailed",{error:S.error||"Gradle error"})))}}catch{}},1e3)},[R.host,$,E]),Oe=async()=>{H("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([R.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),V=Array.from(new Set([$,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()=>{H("warning"),D.current&&clearInterval(D.current);const k=Array.from(new Set([R.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),V=Array.from(new Set([$,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:L("debugging.buildCancelled","Build cancelled by user"),logs:[...S.logs||[],`[Build] ${L("debugging.buildCancelled","Build cancelled by user")}.`]})),J(L("debugging.buildCancelled","Build cancelled"))},Le=`http://${Y}:${$}/${De.replace(/^\/+/,"")}`,N=I.status==="running";return<Te style={o.scrollArea}contentContainerStyle={o.scrollContent}showsVerticalScrollIndicator={!1}>
+import{useState as L,useEffect as _,useMemo as We,useCallback as ie,useRef as X}from"react";import{View as T,Text as C,ScrollView as Te,StyleSheet as Pe,NativeModules 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{useTranslation as $e}from"../../i18n";import Ne from"../QRCodeView";import Se from"../TouchableScale";import{showToast as J}from"../../helpers/toast";import{triggerNativeHaptic as H}from"../../native/NativeInspector";import{InfoCircleIcon as Ee,CheckIcon as Be,BoltIcon as Re,CircleXIcon as Ie,SparkleIcon as Ge,AndroidIcon as Ue,RepeatIcon as _e,WrenchIcon as Ke}from"../NetworkIcons";import Qe,{Path as Xe}from"react-native-svg";const Ze=({color:k=e.purple,size:I=13})=><Qe width={I}height={I}viewBox="0 0 24 24"fill="none">
+    <Xe d="M4 17l6-6-6-6M12 19h8"stroke={k}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </Qe>;export const DebuggingTab=()=>{const{t:k}=$e(),I=We(()=>{const R=He.SourceCode?.scriptURL||"";let z="localhost",S=8081;try{if(R.includes("://")){const A=R.split("://")[1].split("/")[0];if(A.includes(":")){const F=A.split(":");z=F[0];const P=parseInt(F[1],10);isNaN(P)||(S=P)}else z=A}}catch{}return{host:z,port:S,scriptURL:R}},[]),[Y,Ve]=L(()=>I.host&&I.host!=="localhost"&&I.host!=="127.0.0.1"&&I.host!=="10.0.2.2"?I.host:"192.168.1.2"),[$,ze]=L(I.port||8083),[De,ee]=L("app-debug.apk"),[q,te]=L(null),[O,oe]=L("assembleRelease"),[W,ve]=L(!0),[V,U]=L({status:"idle",scheme:"assembleRelease",clean:!0,progress:0,currentTask:"",error:null,apkName:null,apkSize:null}),v=X(null),K=X(new Z.Value(0)).current,[Q,Ae]=L(!0),re=X(null);_(()=>{Z.timing(K,{toValue:Math.max(0,Math.min(100,V.progress)),duration:350,useNativeDriver:!1}).start()},[V.progress,K]),_(()=>{V.logs&&V.logs.length>0&&setTimeout(()=>{re.current?.scrollToEnd({animated:!0})},50)},[V.logs]);const E=ie(async()=>{const R=Array.from(new Set([I.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),z=Array.from(new Set([I.port,8083,8081,8082].filter(Boolean)));for(const S of R)for(const M of z)try{const A=new AbortController,F=setTimeout(()=>A.abort(),1200),P=await fetch(`http://${S}:${M}/__inapp_inspector/apk-info`,{signal:A.signal});if(clearTimeout(F),P.ok){const D=await P.json();D.hostIp&&D.hostIp!=="127.0.0.1"&&D.hostIp!=="localhost"&&D.hostIp!=="10.0.2.2"&&Ve(D.hostIp),D.port&&ze(D.port),D.apkName&&ee(D.apkName),D.apkSize&&te((D.apkSize/(1024*1024)).toFixed(1));return}}catch{}},[I.host,I.port]);_(()=>{E()},[E]),_(()=>()=>{v.current&&clearInterval(v.current)},[]);const Fe=ie(()=>{v.current&&clearInterval(v.current);const R=I.host||"10.0.2.2";v.current=setInterval(async()=>{try{const z=await fetch(`http://${R}:${$}/__inapp_inspector/build-status`);if(z.ok){const S=await z.json();U(S),S.status==="completed"?(v.current&&clearInterval(v.current),H("success"),J(k("debugging.buildSuccess","APK Build Generated Successfully!")),S.apkSize&&te((S.apkSize/(1024*1024)).toFixed(1)),S.apkName&&ee(S.apkName),E()):S.status==="failed"&&(v.current&&clearInterval(v.current),H("error"),J(k("debugging.buildFailed",{error:S.error||"Gradle error"})))}}catch{}},1e3)},[I.host,$,E]),Oe=async()=>{H("medium"),U({status:"running",scheme:O,clean:W,progress:5,currentTask:W?"Cleaning build cache...":"Initializing build...",error:null,apkName:null,apkSize:null});const R=Array.from(new Set([I.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),z=Array.from(new Set([$,8083,8081,8082].filter(Boolean)));let S=!1;for(const M of R)for(const A of z)try{const F=new AbortController,P=setTimeout(()=>F.abort(),2e3),D=await fetch(`http://${M}:${A}/__inapp_inspector/build-apk?scheme=${O}&clean=${W}`,{signal:F.signal});if(clearTimeout(P),D.ok){S=!0,Fe();return}}catch{}S||U(M=>({...M,status:"failed",error:"Cannot reach build server. Ensure npm start or npm run serve-apk is running on host."}))},Me=async()=>{H("warning"),v.current&&clearInterval(v.current);const R=Array.from(new Set([I.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),z=Array.from(new Set([$,8083,8081,8082].filter(Boolean)));for(const S of R)for(const M of z)try{const A=new AbortController,F=setTimeout(()=>A.abort(),1500);await fetch(`http://${S}:${M}/__inapp_inspector/stop-build`,{signal:A.signal}),clearTimeout(F)}catch{}U(S=>({...S,status:"idle",currentTask:k("debugging.buildCancelled","Build cancelled by user"),logs:[...S.logs||[],`[Build] ${k("debugging.buildCancelled","Build cancelled by user")}.`]})),J(k("debugging.buildCancelled","Build cancelled"))},Le=`http://${Y}:${$}/${De.replace(/^\/+/,"")}`,N=V.status==="running";return<Te style={t.scrollArea}contentContainerStyle={t.scrollContent}showsVerticalScrollIndicator={!1}>
       
-      <T style={o.heroCard}>
-        <T style={o.heroHeader}>
-          <T style={o.heroIconWrap}>
+      <T style={t.heroCard}>
+        <T style={t.heroHeader}>
+          <T style={t.heroIconWrap}>
             <Ue size={20}color={e.white}/>
           </T>
           <T style={{flex:1,minWidth:0}}>
-            <C style={o.heroTitle}numberOfLines={1}>
-              Multi-Device APK Installer
+            <C style={t.heroTitle}numberOfLines={1}>
+              {k("debugging.apkInstallerTitle","Multi-Device APK Installer")}
             </C>
-            <C style={o.heroSubtitle}numberOfLines={1}>
-              Scan QR code with another Android device to download
+            <C style={t.heroSubtitle}numberOfLines={1}>
+              {k("debugging.apkInstallerSubtitle","Scan QR code with another Android device to download")}
             </C>
           </T>
-          <T style={o.heroBadge}>
-            <T style={o.pulseDot}/>
-            <C style={o.heroBadgeText}>Live Metro</C>
+          <T style={t.heroBadge}>
+            <T style={t.pulseDot}/>
+            <C style={t.heroBadgeText}>{k("debugging.liveMetro","Live Metro")}</C>
           </T>
         </T>
 
         
-        <T style={o.heroMetricsStrip}>
-          <T style={o.heroMetricItem}>
-            <C style={o.heroMetricLabel}>HOST IP</C>
-            <C style={o.heroMetricValue}numberOfLines={1}>
+        <T style={t.heroMetricsStrip}>
+          <T style={t.heroMetricItem}>
+            <C style={t.heroMetricLabel}>HOST IP</C>
+            <C style={t.heroMetricValue}numberOfLines={1}>
               {Y}
             </C>
           </T>
-          <T style={o.heroMetricDivider}/>
-          <T style={o.heroMetricItem}>
-            <C style={o.heroMetricLabel}>PORT</C>
-            <C style={o.heroMetricValue}>{$}</C>
+          <T style={t.heroMetricDivider}/>
+          <T style={t.heroMetricItem}>
+            <C style={t.heroMetricLabel}>PORT</C>
+            <C style={t.heroMetricValue}>{$}</C>
           </T>
-          <T style={o.heroMetricDivider}/>
-          <T style={o.heroMetricItem}>
-            <C style={o.heroMetricLabel}>APK SIZE</C>
-            <C style={[o.heroMetricValue,{color:q?e.emerald500:e.grayTextWeak}]}>
+          <T style={t.heroMetricDivider}/>
+          <T style={t.heroMetricItem}>
+            <C style={t.heroMetricLabel}>APK SIZE</C>
+            <C style={[t.heroMetricValue,{color:q?e.emerald500:e.grayTextWeak}]}>
               {q?`${q} MB`:"Detected"}
             </C>
           </T>
-          <T style={o.heroMetricDivider}/>
-          <T style={o.heroMetricItem}>
-            <C style={o.heroMetricLabel}>STATUS</C>
-            <C style={[o.heroMetricValue,{color:e.emerald500}]}>
+          <T style={t.heroMetricDivider}/>
+          <T style={t.heroMetricItem}>
+            <C style={t.heroMetricLabel}>STATUS</C>
+            <C style={[t.heroMetricValue,{color:e.emerald500}]}>
               Ready
             </C>
           </T>
@@ -52,135 +52,135 @@ import{useState as M,useEffect as _,useMemo as We,useCallback as ie,useRef as X}
       </T>
 
       
-      <T style={o.sectionCard}>
-        <T style={o.sectionHeaderRow}>
-          <C style={o.sectionTitle}>QR CODE & DIRECT DOWNLOAD</C>
-          <G activeOpacity={.7}onPress={E}style={o.refreshBtn}>
+      <T style={t.sectionCard}>
+        <T style={t.sectionHeaderRow}>
+          <C style={t.sectionTitle}>{k("debugging.qrCodeTitle","QR CODE & DIRECT DOWNLOAD")}</C>
+          <G activeOpacity={.7}onPress={E}style={t.refreshBtn}>
             <_e size={12}color={e.purple}/>
-            <C style={o.refreshBtnText}>Refresh</C>
+            <C style={t.refreshBtnText}>Refresh</C>
           </G>
         </T>
 
         
-        <T style={o.qrCenteredWrapper}>
-          <T style={o.qrInnerFrame}>
+        <T style={t.qrCenteredWrapper}>
+          <T style={t.qrInnerFrame}>
             <Ne value={Le}size={235}color={e.primaryBlack}backgroundColor={e.white}/>
           </T>
         </T>
       </T>
 
       
-      <T style={o.sectionCard}>
-        <T style={o.sectionHeaderRow}>
+      <T style={t.sectionCard}>
+        <T style={t.sectionHeaderRow}>
           <T style={{flexDirection:"row",alignItems:"center",gap:6}}>
             <Re size={13}color={e.purple}/>
-            <C style={o.sectionTitle}>BUILD GENERATOR (GRADLE)</C>
+            <C style={t.sectionTitle}>{k("debugging.buildGeneratorTitle","BUILD GENERATOR (GRADLE)")}</C>
           </T>
-          {I.status==="completed"&&<T style={o.completedBadge}>
+          {V.status==="completed"&&<T style={t.completedBadge}>
               <Be size={10}color={e.emerald500}/>
-              <C style={o.completedBadgeText}>100% Ready</C>
+              <C style={t.completedBadgeText}>{k("debugging.ready100","100% Ready")}</C>
             </T>}
         </T>
 
         
-        <T style={o.subTabStrip}>
-          <G disabled={N}activeOpacity={.7}onPress={()=>{H("light"),te("assembleRelease")}}style={[o.subTabItem,F==="assembleRelease"&&o.subTabItemActive]}>
+        <T style={t.subTabStrip}>
+          <G disabled={N}activeOpacity={.7}onPress={()=>{H("light"),oe("assembleRelease")}}style={[t.subTabItem,O==="assembleRelease"&&t.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)
+              <Re size={12}color={O==="assembleRelease"?e.white:e.grayText}/>
+              <C style={[t.subTabText,O==="assembleRelease"&&t.subTabTextActive]}>
+                {k("debugging.releaseBuild","Release (assembleRelease)")}
               </C>
             </T>
           </G>
 
-          <G disabled={N}activeOpacity={.7}onPress={()=>{H("light"),te("assembleDebug")}}style={[o.subTabItem,F==="assembleDebug"&&o.subTabItemActive]}>
+          <G disabled={N}activeOpacity={.7}onPress={()=>{H("light"),oe("assembleDebug")}}style={[t.subTabItem,O==="assembleDebug"&&t.subTabItemActive]}>
             <T style={{flexDirection:"row",alignItems:"center",gap:5}}>
-              <Ke size={12}color={F==="assembleDebug"?e.white:e.grayText}/>
-              <C style={[o.subTabText,F==="assembleDebug"&&o.subTabTextActive]}>
-                Debug (assembleDebug)
+              <Ke size={12}color={O==="assembleDebug"?e.white:e.grayText}/>
+              <C style={[t.subTabText,O==="assembleDebug"&&t.subTabTextActive]}>
+                {k("debugging.debugBuild","Debug (assembleDebug)")}
               </C>
             </T>
           </G>
         </T>
 
         
-        <G disabled={N}activeOpacity={.7}onPress={()=>{H("light"),ve(!W)}}style={o.cleanRow}>
-          <T style={[o.checkboxBox,W&&o.checkboxBoxActive]}>
+        <G disabled={N}activeOpacity={.7}onPress={()=>{H("light"),ve(!W)}}style={t.cleanRow}>
+          <T style={[t.checkboxBox,W&&t.checkboxBoxActive]}>
             {W&&<Be size={11}color={e.white}/>}
           </T>
-          <C style={o.cleanLabel}>
-            Clean build cache <C style={o.cleanCode}>(./gradlew clean)</C>
+          <C style={t.cleanLabel}>
+            Clean build cache <C style={t.cleanCode}>{k("debugging.cleanBuild","(./gradlew clean)")}</C>
           </C>
         </G>
 
         
-        {N&&<T style={o.progressContainer}>
-            <T style={o.progressTopRow}>
-              <T style={o.progressTaskGroup}>
+        {N&&<T style={t.progressContainer}>
+            <T style={t.progressTopRow}>
+              <T style={t.progressTaskGroup}>
                 <Ce size="small"color={e.purple}/>
-                <C style={o.progressTaskText}numberOfLines={1}>
-                  {I.currentTask||"Executing Gradle tasks..."}
+                <C style={t.progressTaskText}numberOfLines={1}>
+                  {V.currentTask||"Executing Gradle tasks..."}
                 </C>
               </T>
-              <C style={o.progressPercentageText}>
-                {I.progress}%
+              <C style={t.progressPercentageText}>
+                {V.progress}%
               </C>
             </T>
 
             
-            <T style={o.progressBarTrack}>
-              <Z.View style={[o.progressBarFill,{width:K.interpolate({inputRange:[0,100],outputRange:["5%","100%"]})}]}/>
+            <T style={t.progressBarTrack}>
+              <Z.View style={[t.progressBarFill,{width:K.interpolate({inputRange:[0,100],outputRange:["5%","100%"]})}]}/>
             </T>
           </T>}
 
         
-        {I.status==="failed"&&<T style={o.errorContainer}>
+        {V.status==="failed"&&<T style={t.errorContainer}>
             <Ie size={13}color={e.errorColor}/>
-            <C style={o.errorText}numberOfLines={2}>
-              {I.error||"Build execution failed."}
+            <C style={t.errorText}numberOfLines={2}>
+              {V.error||"Build execution failed."}
             </C>
           </T>}
 
         
-        {(I.logs&&I.logs.length>0||N)&&<T style={o.consoleContainer}>
-            <T style={o.consoleHeaderRow}>
+        {(V.logs&&V.logs.length>0||N)&&<T style={t.consoleContainer}>
+            <T style={t.consoleHeaderRow}>
               <T style={{flexDirection:"row",alignItems:"center",gap:6}}>
                 <Ze color={e.sky400}size={12}/>
-                <C style={o.consoleHeaderTitle}>GRADLE VERBOSE OUTPUT</C>
+                <C style={t.consoleHeaderTitle}>{k("debugging.gradleVerboseOutput","GRADLE VERBOSE OUTPUT")}</C>
               </T>
-              <G activeOpacity={.7}onPress={()=>Ae(!Q)}style={o.consoleToggleBtn}>
-                <C style={o.consoleToggleText}>
+              <G activeOpacity={.7}onPress={()=>Ae(!Q)}style={t.consoleToggleBtn}>
+                <C style={t.consoleToggleText}>
                   {Q?"Hide Console":"Show Console"}
                 </C>
               </G>
             </T>
 
-            {Q&&<Te ref={re}style={o.consoleLogBox}contentContainerStyle={o.consoleLogContent}nestedScrollEnabled showsVerticalScrollIndicator>
-                {I.logs&&I.logs.length>0?I.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...
+            {Q&&<Te ref={re}style={t.consoleLogBox}contentContainerStyle={t.consoleLogContent}nestedScrollEnabled showsVerticalScrollIndicator>
+                {V.logs&&V.logs.length>0?V.logs.map((R,z)=>{let S=e.slate400;return R.startsWith("> Task :")?S=e.sky400:R.includes("BUILD SUCCESSFUL")?S=e.buildSuccessGreen:R.includes("FAILURE")||R.includes("error:")?S=e.buildFailureRed:R.includes("UP-TO-DATE")&&(S=e.purple400),<C key={z}style={[t.consoleLogLine,{color:S}]}>
+                        {R}
+                      </C>}):<C style={t.consoleLogPlaceholder}>
+                    {k("debugging.waitingForGradle","Waiting for Gradle daemon output...")}
                   </C>}
               </Te>}
           </T>}
 
         
-        {N?<T style={o.buildingActionsRow}>
-            <T style={o.buildingStatusPill}>
+        {N?<T style={t.buildingActionsRow}>
+            <T style={t.buildingStatusPill}>
               <Ce size="small"color={e.purple}/>
-              <C style={o.buildingStatusPillText}numberOfLines={1}>
-                Building ({I.progress}%)
+              <C style={t.buildingStatusPillText}numberOfLines={1}>
+                Building ({V.progress}%)
               </C>
             </T>
 
-            <Se onPress={Me}style={o.stopBtn}>
+            <Se onPress={Me}style={t.stopBtn}>
               <Ie size={13}color={e.white}/>
-              <C style={o.stopBtnText}>Stop Build</C>
+              <C style={t.stopBtnText}>{k("debugging.stopBuild","Stop Build")}</C>
             </Se>
-          </T>:<Se onPress={Oe}style={o.generateBtn}>
-            <T style={o.ctaContentRow}>
+          </T>:<Se onPress={Oe}style={t.generateBtn}>
+            <T style={t.ctaContentRow}>
               <Ge size={14}color={e.white}/>
-              <C style={o.generateBtnText}>
+              <C style={t.generateBtnText}>
                 {W?"Clean & Generate Build":"Generate Build"}
               </C>
             </T>
@@ -188,10 +188,10 @@ import{useState as M,useEffect as _,useMemo as We,useCallback as ie,useRef as X}
       </T>
 
       
-      <T style={o.footerNoteRow}>
+      <T style={t.footerNoteRow}>
         <Ee size={13}color={e.grayTextWeak}/>
-        <C style={o.footerNoteText}>
-          Ensure both Android devices are connected to the same Wi-Fi network.
+        <C style={t.footerNoteText}>
+          {k("debugging.sameWifiNote","Ensure both Android devices are connected to the same Wi-Fi network.")}
         </C>
       </T>
-    </Te>};const o=Pe.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;
+    </Te>};const t=Pe.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;

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

@@ -98,13 +98,13 @@ import Ve,{useState as re,useEffect as Le,useMemo as H,useCallback as Pe}from"re
                 </C>
                 <C style={{flex:1,minWidth:0}}>
                   <C style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <T style={r.featuredUuidLabel}>DEVICE UUID</T>
+                    <T style={r.featuredUuidLabel}>{$("device.deviceUuid","DEVICE UUID")}</T>
                     <C style={r.featuredBadge}>
                       <T style={r.featuredBadgeText}>FEATURED</T>
                     </C>
                   </C>
                   <T style={r.featuredUuidSubtext}>
-                    Deterministic hardware pseudo-identifier
+                    {$("device.pseudoIdentifierDesc","Deterministic hardware pseudo-identifier")}
                   </T>
                 </C>
               </C>

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

@@ -1,12 +1,12 @@
-import{useCallback as L,useEffect as X,useRef as d,useState as E}from"react";import{Animated as s,PanResponder as ce,Platform as b,StyleSheet as We,Text as I,TouchableOpacity as Ne,useWindowDimensions as He,View as S}from"react-native";import Ye from"react-native-linear-gradient";import{useInspector as $e}from"./InspectorContext";import F from"../TouchableScale";import Se from"../AppHeaderLogo";import{AndroidIcon as Ge,AppleIcon as Xe,ScreenshotCaptureIcon as Ze,ScreenRecordIcon as _e,CloseWhite as Re,MaximizeIcon as Ue,NpmIcon as Je}from"../NetworkIcons";import{ScreenCapture as V,generateCaptureId as K}from"../../capture";import{triggerNativeHaptic as u}from"../../native/NativeInspector";import{showToast as m}from"../../helpers/toast";import{getAppName as Ke,getAppVersionAndBuild as Qe}from"../../helpers";import{LIB_VERSION as et}from"../../constants";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as W}from"../../styles/AppFonts";import Ce from"../../styles";import{useTranslation as tt}from"../../i18n";import{MediaPreviewModal as St}from"./MediaPreviewModal";const vt=()=>{const{setVisible:P,isMinimized:Te,setIsMinimized:k,dismissInspector:Ie,appIcon:Q,fabPan:a,fabPanResponder:xt,fabDraggedRef:N,pulseAnim:Ve,fabShineAnim:Rt,refreshMediaCount:v,captureFps:ee,captureScale:te,captureBitrate:Z,captureMaxDurationSeconds:re,captureAudioMode:oe,previewMediaItem:ie,setPreviewMediaItem:D}=$e(),{width:M,height:x}=He(),{t:n}=tt(),[Pe]=E(()=>Qe().formatted),[p,H]=E(!1),[De,j]=E(0),R=d(null),[Me,_]=E(!1),[q,O]=E(!1),f=d(!1),z=d(new s.Value(0)).current,Y=d(new s.Value(1)).current,C=d({x:0,y:0});X(()=>{const e=a.x.addListener(r=>C.current.x=r.value),t=a.y.addListener(r=>C.current.y=r.value);return()=>{a.x.removeListener(e),a.y.removeListener(t)}},[a]);const l=68,$=8,Oe=L(()=>{const e=C.current.x,t=C.current.y,r=20,B=180,g=M-r-l/2+e,G=x-B-l/2+t;let U=e,J=t,A=!1;g<$+l/2?(U=e+($+l/2-g),A=!0):g>M-$-l/2&&(U=e-(g-(M-$-l/2)),A=!0);const se=b.OS==="ios"?60:40,ae=b.OS==="ios"?40:24;G<se+l/2?(J=t+(se+l/2-G),A=!0):G>x-ae-l/2&&(J=t-(G-(x-ae-l/2)),A=!0),A&&s.spring(a,{toValue:{x:U,y:J},useNativeDriver:!1,tension:80,friction:8}).start()},[a,M,x]),ze=d(ce.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{N.current=!0,a.setOffset({x:C.current.x,y:C.current.y}),a.setValue({x:0,y:0}),f.current=!1,O(!1),_(!0),Y.setValue(1),s.spring(z,{toValue:1,useNativeDriver:!0,tension:80,friction:8}).start()},onPanResponderMove:(e,t)=>{a.setValue({x:t.dx,y:t.dy});const r=t.moveY,B=t.moveX,g=r>x-140&&Math.abs(B-M/2)<85;g&&!f.current?(f.current=!0,O(!0),u("medium"),s.spring(Y,{toValue:1.25,useNativeDriver:!0,tension:100,friction:6}).start()):!g&&f.current&&(f.current=!1,O(!1),s.spring(Y,{toValue:1,useNativeDriver:!0,tension:100,friction:6}).start())},onPanResponderRelease:()=>{const e=f.current;a.flattenOffset(),s.timing(z,{toValue:0,duration:180,useNativeDriver:!0}).start(()=>{_(!1),O(!1),f.current=!1}),e?(u("heavy"),Ie(),m(n("common.inspectorDismissed","In-App Inspector closed for this session"))):Oe(),setTimeout(()=>{N.current=!1},100)},onPanResponderTerminate:()=>{a.flattenOffset(),N.current=!1,s.timing(z,{toValue:0,duration:180,useNativeDriver:!0}).start(()=>{_(!1),O(!1),f.current=!1})}})).current,c=d(new s.ValueXY({x:0,y:0})).current,T=d({x:0,y:0});X(()=>{const e=c.x.addListener(r=>T.current.x=r.value),t=c.y.addListener(r=>T.current.y=r.value);return()=>{c.x.removeListener(e),c.y.removeListener(t)}},[c]);const h=d(!1),Be=d(ce.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{h.current=!0,c.setOffset({x:T.current.x,y:T.current.y}),c.setValue({x:0,y:0})},onPanResponderMove:s.event([null,{dx:c.x,dy:c.y}],{useNativeDriver:!1}),onPanResponderRelease:()=>{c.flattenOffset();const e=T.current.y,t=-(x-(b.OS==="ios"?34:18)-70),r=b.OS==="ios"?34:18;if(e<t||e>r){const B=Math.max(t,Math.min(r,e));s.spring(c,{toValue:{x:T.current.x,y:B},useNativeDriver:!1,tension:80,friction:8}).start()}setTimeout(()=>{h.current=!1},50)},onPanResponderTerminate:()=>{c.flattenOffset(),h.current=!1}})).current;X(()=>{V.isRecording().then(e=>{H(!!e)}).catch(()=>{})},[]),X(()=>(p?(j(0),R.current=setInterval(()=>{j(e=>e+1)},1e3)):(R.current&&(clearInterval(R.current),R.current=null),j(0)),()=>{R.current&&clearInterval(R.current)}),[p]);const Ae=L(async()=>{if(!h.current)try{u("light");const e=await V.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(e){u("success");const t=K("screenshot",e.format||"png"),r={id:t,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};D(r),v?.().catch(()=>{}),m(n("header.screenshotCaptured","Screenshot captured"))}else m(n("header.screenshotFailed","Failed to capture screenshot"))}catch{m(n("header.screenshotError","Error capturing screenshot"))}},[v,n]),Le=L(async()=>{if(!h.current)try{if(p){u("medium");const e=await V.stopRecording();if(H(!1),e){u("success");const t=K("video",e.format),r={id:t,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio,thumbnailUri:e.thumbnailUri};D(r),v?.().catch(()=>{}),m(n("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else u("medium"),await V.startRecording({fps:ee,scale:te,audioSource:oe,bitrate:Z>0?Z:void 0,maxDurationSeconds:re})?(H(!0),m(n("header.recordingStarted","Recording started"))):m(n("header.recordingStartFailed","Failed to start recording"))}catch{m(n("header.recordingError","Error during screen recording")),H(!1)}},[p,ee,te,Z,re,oe,v,n]),ne=L(()=>{h.current||(u("light"),k?.(!1),P(!0))},[k,P]),Ee=L(()=>{h.current||(u("light"),k?.(!1),P(!1))},[k,P]),Fe=e=>{const t=Math.floor(e/60),r=e%60;return`${t}:${r<10?"0":""}${r}`};return<>
+import{useCallback as A,useEffect as G,useRef as d,useState as L}from"react";import{Animated as s,PanResponder as ae,Platform as y,StyleSheet as We,Text as I,TouchableOpacity as Ne,useWindowDimensions as He,View as S}from"react-native";import Ye from"react-native-linear-gradient";import{useInspector as $e}from"./InspectorContext";import E from"../TouchableScale";import Se from"../AppHeaderLogo";import{AndroidIcon as Ge,AppleIcon as Xe,ScreenshotCaptureIcon as Ze,ScreenRecordIcon as _e,CloseWhite as Re,MaximizeIcon as Ue,NpmIcon as Je}from"../NetworkIcons";import{ScreenCapture as V,generateCaptureId as J}from"../../capture";import{triggerNativeHaptic as u}from"../../native/NativeInspector";import{showToast as m}from"../../helpers/toast";import{getAppName as Ke,getAppVersionAndBuild as Qe}from"../../helpers";import{LIB_VERSION as et}from"../../constants";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as F}from"../../styles/AppFonts";import Ce from"../../styles";import{useTranslation as tt}from"../../i18n";import{MediaPreviewModal as St}from"./MediaPreviewModal";const vt=()=>{const{setVisible:P,isMinimized:Te,setIsMinimized:W,dismissInspector:Ie,appIcon:K,fabPan:a,fabPanResponder:xt,fabDraggedRef:k,pulseAnim:Ve,fabShineAnim:Rt,refreshMediaCount:h,captureFps:Q,captureScale:ee,captureBitrate:X,captureMaxDurationSeconds:te,captureAudioMode:re,previewMediaItem:oe,setPreviewMediaItem:v}=$e(),{width:D,height:x}=He(),{t:n}=tt(),[Pe]=L(()=>Qe().formatted),[p,N]=L(!1),[De,Z]=L(0),R=d(null),[Me,j]=L(!1),[_,M]=L(!1),f=d(!1),O=d(new s.Value(0)).current,H=d(new s.Value(1)).current,C=d({x:0,y:0});G(()=>{const e=a.x.addListener(r=>C.current.x=r.value),t=a.y.addListener(r=>C.current.y=r.value);return()=>{a.x.removeListener(e),a.y.removeListener(t)}},[a]);const l=68,Y=8,Oe=A(()=>{const e=C.current.x,t=C.current.y,r=20,z=180,b=D-r-l/2+e,$=x-z-l/2+t;let q=e,U=t,B=!1;b<Y+l/2?(q=e+(Y+l/2-b),B=!0):b>D-Y-l/2&&(q=e-(b-(D-Y-l/2)),B=!0);const ne=y.OS==="ios"?60:40,se=y.OS==="ios"?40:24;$<ne+l/2?(U=t+(ne+l/2-$),B=!0):$>x-se-l/2&&(U=t-($-(x-se-l/2)),B=!0),B&&s.spring(a,{toValue:{x:q,y:U},useNativeDriver:!1,tension:80,friction:8}).start()},[a,D,x]),ze=d(ae.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{k.current=!0,a.setOffset({x:C.current.x,y:C.current.y}),a.setValue({x:0,y:0}),f.current=!1,M(!1),j(!0),H.setValue(1),s.spring(O,{toValue:1,useNativeDriver:!0,tension:80,friction:8}).start()},onPanResponderMove:(e,t)=>{a.setValue({x:t.dx,y:t.dy});const r=t.moveY,z=t.moveX,b=r>x-140&&Math.abs(z-D/2)<85;b&&!f.current?(f.current=!0,M(!0),u("medium"),s.spring(H,{toValue:1.25,useNativeDriver:!0,tension:100,friction:6}).start()):!b&&f.current&&(f.current=!1,M(!1),s.spring(H,{toValue:1,useNativeDriver:!0,tension:100,friction:6}).start())},onPanResponderRelease:()=>{const e=f.current;a.flattenOffset(),s.timing(O,{toValue:0,duration:180,useNativeDriver:!0}).start(()=>{j(!1),M(!1),f.current=!1}),e?(u("heavy"),Ie(),m(n("common.inspectorDismissed","In-App Inspector closed for this session"))):Oe(),setTimeout(()=>{k.current=!1},100)},onPanResponderTerminate:()=>{a.flattenOffset(),k.current=!1,s.timing(O,{toValue:0,duration:180,useNativeDriver:!0}).start(()=>{j(!1),M(!1),f.current=!1})}})).current,c=d(new s.ValueXY({x:0,y:0})).current,T=d({x:0,y:0});G(()=>{const e=c.x.addListener(r=>T.current.x=r.value),t=c.y.addListener(r=>T.current.y=r.value);return()=>{c.x.removeListener(e),c.y.removeListener(t)}},[c]);const g=d(!1),Be=d(ae.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{g.current=!0,c.setOffset({x:T.current.x,y:T.current.y}),c.setValue({x:0,y:0})},onPanResponderMove:s.event([null,{dx:c.x,dy:c.y}],{useNativeDriver:!1}),onPanResponderRelease:()=>{c.flattenOffset();const e=T.current.y,t=-(x-(y.OS==="ios"?34:18)-70),r=y.OS==="ios"?34:18;if(e<t||e>r){const z=Math.max(t,Math.min(r,e));s.spring(c,{toValue:{x:T.current.x,y:z},useNativeDriver:!1,tension:80,friction:8}).start()}setTimeout(()=>{g.current=!1},50)},onPanResponderTerminate:()=>{c.flattenOffset(),g.current=!1}})).current;G(()=>{V.isRecording().then(e=>{N(!!e)}).catch(()=>{})},[]),G(()=>(p?(Z(0),R.current=setInterval(()=>{Z(e=>e+1)},1e3)):(R.current&&(clearInterval(R.current),R.current=null),Z(0)),()=>{R.current&&clearInterval(R.current)}),[p]);const Ae=A(async()=>{if(!g.current)try{u("light");const e=await V.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(e){u("success");const t=J("screenshot",e.format||"png"),r={id:t,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};v(r),h?.().catch(()=>{}),m(n("header.screenshotCaptured","Screenshot captured"))}else m(n("header.screenshotFailed","Failed to capture screenshot"))}catch{m(n("header.screenshotError","Error capturing screenshot"))}},[h,n]),Le=A(async()=>{if(!g.current)try{if(p){u("medium");const e=await V.stopRecording();if(N(!1),e){u("success");const t=J("video",e.format),r={id:t,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio,thumbnailUri:e.thumbnailUri};v(r),h?.().catch(()=>{}),m(n("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else u("medium"),await V.startRecording({fps:Q,scale:ee,audioSource:re,bitrate:X>0?X:void 0,maxDurationSeconds:te})?(N(!0),m(n("header.recordingStarted","Recording started"))):m(n("header.recordingStartFailed","Failed to start recording"))}catch{m(n("header.recordingError","Error during screen recording")),N(!1)}},[p,Q,ee,X,te,re,h,n]),ie=A(()=>{g.current||(u("light"),W?.(!1),P(!0))},[W,P]),Ee=A(()=>{g.current||(u("light"),W?.(!1),P(!1))},[W,P]),Fe=e=>{const t=Math.floor(e/60),r=e%60;return`${t}:${r<10?"0":""}${r}`};return<>
       
       {Te?<s.View style={[i.playerContainer,{transform:c.getTranslateTransform()}]}{...Be.panHandlers}>
           
           <Ye colors={[o.indigo600,o.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={i.gradientBg}pointerEvents="none"/>
 
           
-          <Ne activeOpacity={.75}onPress={ne}style={i.brandSection}accessibilityRole="button"accessibilityLabel={n("mediaGallery.expand","Expand Inspector")}>
-            <Se size={36}customIcon={Q}shape="circle"/>
+          <Ne activeOpacity={.75}onPress={ie}style={i.brandSection}accessibilityRole="button"accessibilityLabel={n("mediaGallery.expand","Expand Inspector")}>
+            <Se size={36}customIcon={K}shape="circle"/>
             <S style={i.titleWrapper}>
               <I style={i.appTitle}numberOfLines={1}>
                 {Ke()}
@@ -14,7 +14,7 @@ import{useCallback as L,useEffect as X,useRef as d,useState as E}from"react";imp
               <S style={i.versionRow}>
                 
                 <S style={i.versionChip}>
-                  {b.OS==="ios"?<Xe color={`${o.white}E6`}size={9}/>:<Ge color={`${o.white}E6`}size={9}/>}
+                  {y.OS==="ios"?<Xe color={`${o.white}E6`}size={9}/>:<Ge color={`${o.white}E6`}size={9}/>}
                   <I style={i.versionChipText}numberOfLines={1}>
                     {Pe}
                   </I>
@@ -34,48 +34,48 @@ import{useCallback as L,useEffect as X,useRef as d,useState as E}from"react";imp
           
           <S style={i.actionsRow}>
             
-            <F onPress={Ae}hitSlop={{top:6,bottom:6,left:4,right:4}}style={i.actionBtn}>
+            <E onPress={Ae}hitSlop={{top:6,bottom:6,left:4,right:4}}style={i.actionBtn}>
               <Ze size={12}color={o.white}/>
               <I style={i.actionText}>
                 {n("header.photo","Photo")}
               </I>
-            </F>
+            </E>
 
             
-            <F onPress={Le}hitSlop={{top:6,bottom:6,left:4,right:4}}style={[i.actionBtn,p&&i.recordingBtnActive]}>
+            <E onPress={Le}hitSlop={{top:6,bottom:6,left:4,right:4}}style={[i.actionBtn,p&&i.recordingBtnActive]}>
               {p?<S style={i.recordingDot}/>:<_e size={12}color={o.white}/>}
               <I style={[i.actionText,p&&{color:o.red300}]}>
                 {p?`${n("header.rec","REC")} ${Fe(De)}`:n("header.record","Record")}
               </I>
-            </F>
+            </E>
 
             
-            <F onPress={ne}hitSlop={{top:6,bottom:6,left:4,right:4}}accessibilityRole="button"accessibilityLabel={n("common.expand","Expand")}style={i.actionBtnSquare}>
+            <E onPress={ie}hitSlop={{top:6,bottom:6,left:4,right:4}}accessibilityRole="button"accessibilityLabel={n("common.expand","Expand")}style={i.actionBtnSquare}>
               <Ue size={12}color={o.white}/>
-            </F>
+            </E>
 
             
-            <F onPress={Ee}hitSlop={{top:6,bottom:6,left:4,right:6}}accessibilityRole="button"accessibilityLabel={n("common.close","Close")}style={i.actionBtnSquare}>
+            <E onPress={Ee}hitSlop={{top:6,bottom:6,left:4,right:6}}accessibilityRole="button"accessibilityLabel={n("common.close","Close")}style={i.actionBtnSquare}>
               <Re size={10}color={o.white}/>
-            </F>
+            </E>
           </S>
         </s.View>:<s.View style={[Ce.fabWrapper,{transform:a.getTranslateTransform()}]}{...ze.panHandlers}>
-          <F testID="inspector.fab.launcher"style={{width:68,height:68,borderRadius:34,alignItems:"center",justifyContent:"center"}}onPress={()=>{N.current||(u("light"),P(!0))}}hitSlop={10}>
+          <E testID="inspector.fab.launcher"style={{width:68,height:68,borderRadius:34,alignItems:"center",justifyContent:"center"}}onPress={()=>{k.current||(u("light"),P(!0))}}hitSlop={10}>
             <s.View style={[Ce.fabPulseRing,{transform:[{scale:Ve}]}]}/>
-            <Se size={68}customIcon={Q}shape="circle"/>
-          </F>
+            <Se size={68}customIcon={K}shape="circle"/>
+          </E>
         </s.View>}
 
       
-      {Me&&<s.View pointerEvents="none"style={[i.dismissTargetContainer,{opacity:z,transform:[{translateY:z.interpolate({inputRange:[0,1],outputRange:[30,0]})},{scale:Y}]}]}>
-          <S style={[i.dismissTargetCircle,q&&i.dismissTargetCircleActive]}>
+      {Me&&<s.View pointerEvents="none"style={[i.dismissTargetContainer,{opacity:O,transform:[{translateY:O.interpolate({inputRange:[0,1],outputRange:[30,0]})},{scale:H}]}]}>
+          <S style={[i.dismissTargetCircle,_&&i.dismissTargetCircleActive]}>
             <Re size={18}color={o.white}/>
           </S>
-          <I style={[i.dismissTargetLabel,q&&i.dismissTargetLabelActive]}>
-            {q?n("common.releaseToHide","Release to hide"):n("common.dragToHide","Drag here to hide")}
+          <I style={[i.dismissTargetLabel,_&&i.dismissTargetLabelActive]}>
+            {_?n("common.releaseToHide","Release to hide"):n("common.dragToHide","Drag here to hide")}
           </I>
         </s.View>}
 
       
-      <St item={ie}visible={!!ie}onClose={()=>D(null)}onDelete={async e=>{await V.deleteMedia(e.uri),v?.().catch(()=>{}),D(null)}}onConvertToGif={async e=>{const t=await V.convertToGif(e.uri,{fps:12,width:480});if(t){v?.().catch(()=>{});const r=K("anim","gif");D({id:r,type:"gif",format:"gif",uri:t.uri,filename:t.uri.split("/").pop()||r,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs})}}}/>
-    </>},i=We.create({dismissTargetContainer:{position:"absolute",bottom:b.OS==="ios"?42:26,left:0,right:0,alignItems:"center",justifyContent:"center",zIndex:999998},dismissTargetCircle:{width:54,height:54,borderRadius:27,backgroundColor:"rgba(23, 23, 37, 0.82)",borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.28)",alignItems:"center",justifyContent:"center",shadowColor:o.black,shadowOffset:{width:0,height:6},shadowOpacity:.4,shadowRadius:10,elevation:16},dismissTargetCircleActive:{backgroundColor:o.red600,borderColor:o.red300,shadowColor:o.red600,shadowOpacity:.65,shadowRadius:18,transform:[{scale:1.06}]},dismissTargetLabel:{marginTop:6,fontFamily:W.interSemiBold,fontSize:11,color:"rgba(255, 255, 255, 0.85)",textShadowColor:"rgba(0, 0, 0, 0.6)",textShadowOffset:{width:0,height:1},textShadowRadius:3},dismissTargetLabelActive:{color:o.red300,fontFamily:W.interBold},playerContainer:{position:"absolute",bottom:b.OS==="ios"?34:18,left:12,right:12,minHeight:58,flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderRadius:16,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.28)",paddingHorizontal:12,paddingVertical:7,gap:8,zIndex:99999,elevation:25,shadowColor:o.indigo600,shadowOffset:{width:0,height:8},shadowOpacity:.45,shadowRadius:14,overflow:"hidden"},gradientBg:{position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:16},playerShineClip:{position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:16,overflow:"hidden"},playerShineStreak:{position:"absolute",top:-60,width:75,height:200},brandSection:{flexDirection:"row",alignItems:"center",gap:9,flex:1,minWidth:0,paddingVertical:2,overflow:"hidden"},titleWrapper:{flex:1,minWidth:0,justifyContent:"center",gap:2},appTitle:{fontFamily:W.interBold,fontSize:13.5,color:o.white,letterSpacing:-.2},versionRow:{flexDirection:"row",alignItems:"center",gap:4,minWidth:0},versionChip:{flexDirection:"row",alignItems:"center",backgroundColor:`${o.white}1F`,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5,gap:3,borderWidth:1,borderColor:`${o.white}2E`,flexShrink:1,minWidth:0},versionChipText:{fontFamily:W.interMedium,fontSize:8.5,color:`${o.white}EB`,letterSpacing:.1},actionsRow:{flexDirection:"row",alignItems:"center",gap:4.5,flexShrink:0},actionBtn:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:"rgba(255, 255, 255, 0.22)",paddingHorizontal:8,paddingVertical:5.5,borderRadius:7,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.32)"},actionBtnSquare:{alignItems:"center",justifyContent:"center",width:27,height:27,backgroundColor:"rgba(255, 255, 255, 0.22)",borderRadius:7,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.32)"},recordingBtnActive:{backgroundColor:"rgba(239, 68, 68, 0.32)",borderColor:o.red500},recordingDot:{width:6,height:6,borderRadius:3,backgroundColor:o.red500},actionText:{fontFamily:W.interSemiBold,fontSize:10.5,color:o.white}});export default vt;
+      <St item={oe}visible={!!oe}onClose={()=>v(null)}onDelete={async e=>{await V.deleteMedia(e.uri),h?.().catch(()=>{}),v(null)}}onConvertToGif={async e=>{const t=await V.convertToGif(e.uri,{fps:12,width:480});if(t){h?.().catch(()=>{});const r=J("anim","gif");v({id:r,type:"gif",format:"gif",uri:t.uri,filename:t.uri.split("/").pop()||r,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs})}}}onSave={e=>{v(e),h?.().catch(()=>{})}}/>
+    </>},i=We.create({dismissTargetContainer:{position:"absolute",bottom:y.OS==="ios"?42:26,left:0,right:0,alignItems:"center",justifyContent:"center",zIndex:999998},dismissTargetCircle:{width:54,height:54,borderRadius:27,backgroundColor:"rgba(23, 23, 37, 0.82)",borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.28)",alignItems:"center",justifyContent:"center",shadowColor:o.black,shadowOffset:{width:0,height:6},shadowOpacity:.4,shadowRadius:10,elevation:16},dismissTargetCircleActive:{backgroundColor:o.red600,borderColor:o.red300,shadowColor:o.red600,shadowOpacity:.65,shadowRadius:18,transform:[{scale:1.06}]},dismissTargetLabel:{marginTop:6,fontFamily:F.interSemiBold,fontSize:11,color:"rgba(255, 255, 255, 0.85)",textShadowColor:"rgba(0, 0, 0, 0.6)",textShadowOffset:{width:0,height:1},textShadowRadius:3},dismissTargetLabelActive:{color:o.red300,fontFamily:F.interBold},playerContainer:{position:"absolute",bottom:y.OS==="ios"?34:18,left:12,right:12,minHeight:58,flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderRadius:16,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.28)",paddingHorizontal:12,paddingVertical:7,gap:8,zIndex:99999,elevation:25,shadowColor:o.indigo600,shadowOffset:{width:0,height:8},shadowOpacity:.45,shadowRadius:14,overflow:"hidden"},gradientBg:{position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:16},playerShineClip:{position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:16,overflow:"hidden"},playerShineStreak:{position:"absolute",top:-60,width:75,height:200},brandSection:{flexDirection:"row",alignItems:"center",gap:9,flex:1,minWidth:0,paddingVertical:2,overflow:"hidden"},titleWrapper:{flex:1,minWidth:0,justifyContent:"center",gap:2},appTitle:{fontFamily:F.interBold,fontSize:13.5,color:o.white,letterSpacing:-.2},versionRow:{flexDirection:"row",alignItems:"center",gap:4,minWidth:0},versionChip:{flexDirection:"row",alignItems:"center",backgroundColor:`${o.white}1F`,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5,gap:3,borderWidth:1,borderColor:`${o.white}2E`,flexShrink:1,minWidth:0},versionChipText:{fontFamily:F.interMedium,fontSize:8.5,color:`${o.white}EB`,letterSpacing:.1},actionsRow:{flexDirection:"row",alignItems:"center",gap:4.5,flexShrink:0},actionBtn:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:"rgba(255, 255, 255, 0.22)",paddingHorizontal:8,paddingVertical:5.5,borderRadius:7,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.32)"},actionBtnSquare:{alignItems:"center",justifyContent:"center",width:27,height:27,backgroundColor:"rgba(255, 255, 255, 0.22)",borderRadius:7,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.32)"},recordingBtnActive:{backgroundColor:"rgba(239, 68, 68, 0.32)",borderColor:o.red500},recordingDot:{width:6,height:6,borderRadius:3,backgroundColor:o.red500},actionText:{fontFamily:F.interSemiBold,fontSize:10.5,color:o.white}});export default vt;