react-native-inapp-inspector 2.5.12 → 2.5.14

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 M,useEffect as j,useMemo as Ve,useCallback as re,useRef as q}from"react";import{View as T,Text as C,ScrollView as Te,StyleSheet as $e,NativeModules as Pe,TouchableOpacity as H,ActivityIndicator as Ce,Animated as K}from"react-native";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as B}from"../../styles/AppFonts";import{useTranslation as He}from"../../i18n";import Ee from"../QRCodeView";import Be from"../TouchableScale";import{showToast as Q}from"../../helpers/toast";import{triggerNativeHaptic as W}from"../../native/NativeInspector";import{InfoCircleIcon as Ne,CheckIcon as Se,BoltIcon as Re,CircleXIcon as Ie,SparkleIcon as Ge,AndroidIcon as _e,RepeatIcon as Ue,WrenchIcon as Ke}from"../NetworkIcons";import Qe,{Path as Xe}from"react-native-svg";const Ze=({color:x=e.purple,size:S=13})=><Qe width={S}height={S}viewBox="0 0 24 24"fill="none">
+    <Xe d="M4 17l6-6-6-6M12 19h8"stroke={x}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
+  </Qe>;export const DebuggingTab=()=>{const{t:x}=He(),S=Ve(()=>{const k=Pe.SourceCode?.scriptURL||"";let I="localhost",w=8081;try{if(k.includes("://")){const v=k.split("://")[1].split("/")[0];if(v.includes(":")){const A=v.split(":");I=A[0];const F=parseInt(A[1],10);isNaN(F)||(w=F)}else I=v}}catch{}return{host:I,port:w,scriptURL:k}},[]),[X,ze]=M(()=>S.host&&S.host!=="localhost"&&S.host!=="127.0.0.1"&&S.host!=="10.0.2.2"?S.host:"192.168.1.2"),[V,De]=M(S.port||8083),[ve,Z]=M("app-debug.apk"),[G,J]=M(null),[L,Y]=M("assembleRelease"),[O,Ae]=M(!0),[R,E]=M({status:"idle",scheme:"assembleRelease",clean:!0,progress:0,currentTask:"",error:null,apkName:null,apkSize:null}),D=q(null),_=q(new K.Value(0)).current,[U,Fe]=M(!0),ee=q(null);j(()=>{K.timing(_,{toValue:Math.max(0,Math.min(100,R.progress)),duration:350,useNativeDriver:!1}).start()},[R.progress,_]),j(()=>{R.logs&&R.logs.length>0&&setTimeout(()=>{ee.current?.scrollToEnd({animated:!0})},50)},[R.logs]);const P=re(async()=>{const k=Array.from(new Set([S.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),I=Array.from(new Set([S.port,8083,8081,8082].filter(Boolean)));for(const w of k)for(const v of I)try{const A=new AbortController,F=setTimeout(()=>A.abort(),1200),N=await fetch(`http://${w}:${v}/__inapp_inspector/apk-info`,{signal:A.signal});if(clearTimeout(F),N.ok){const z=await N.json();z.hostIp&&z.hostIp!=="127.0.0.1"&&z.hostIp!=="localhost"&&z.hostIp!=="10.0.2.2"&&ze(z.hostIp),z.port&&De(z.port),z.apkName&&Z(z.apkName),z.apkSize&&J((z.apkSize/(1024*1024)).toFixed(1));return}}catch{}},[S.host,S.port]);j(()=>{P()},[P]),j(()=>()=>{D.current&&clearInterval(D.current)},[]);const Le=re(()=>{D.current&&clearInterval(D.current);const k=S.host||"10.0.2.2";D.current=setInterval(async()=>{try{const I=await fetch(`http://${k}:${V}/__inapp_inspector/build-status`);if(I.ok){const w=await I.json();E(w),w.status==="completed"?(D.current&&clearInterval(D.current),W("success"),Q(x("debugging.buildSuccess","APK Build Generated Successfully!")),w.apkSize&&J((w.apkSize/(1024*1024)).toFixed(1)),w.apkName&&Z(w.apkName),P()):w.status==="failed"&&(D.current&&clearInterval(D.current),W("error"),Q(x("debugging.buildFailed",{error:w.error||"Gradle error"})))}}catch{}},1e3)},[S.host,V,P]),Me=async()=>{W("medium"),E({status:"running",scheme:L,clean:O,progress:5,currentTask:O?"Cleaning build cache...":"Initializing build...",error:null,apkName:null,apkSize:null});const k=Array.from(new Set([S.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),I=Array.from(new Set([V,8083,8081,8082].filter(Boolean)));let w=!1;for(const v of k)for(const A of I)try{const F=new AbortController,N=setTimeout(()=>F.abort(),2e3),z=await fetch(`http://${v}:${A}/__inapp_inspector/build-apk?scheme=${L}&clean=${O}`,{signal:F.signal});if(clearTimeout(N),z.ok){w=!0,Le();return}}catch{}w||E(v=>({...v,status:"failed",error:"Cannot reach build server. Ensure npm start or npm run serve-apk is running on host."}))},Oe=async()=>{W("warning"),D.current&&clearInterval(D.current);const k=Array.from(new Set([S.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),I=Array.from(new Set([V,8083,8081,8082].filter(Boolean)));for(const w of k)for(const v of I)try{const A=new AbortController,F=setTimeout(()=>A.abort(),1500);await fetch(`http://${w}:${v}/__inapp_inspector/stop-build`,{signal:A.signal}),clearTimeout(F)}catch{}E(w=>({...w,status:"idle",currentTask:x("debugging.buildCancelled","Build cancelled by user"),logs:[...w.logs||[],`[Build] ${x("debugging.buildCancelled","Build cancelled by user")}.`]})),Q(x("debugging.buildCancelled","Build cancelled"))},We=`http://${X}:${V}/${ve.replace(/^\/+/,"")}`,$=R.status==="running";return<Te style={r.scrollArea}contentContainerStyle={r.scrollContent}showsVerticalScrollIndicator={!1}>
       
-      <T style={o.heroCard}>
-        <T style={o.heroHeader}>
-          <T style={o.heroIconWrap}>
-            <Ue size={20}color={e.white}/>
+      <T style={r.heroCard}>
+        <T style={r.heroHeader}>
+          <T style={r.heroIconWrap}>
+            <_e size={20}color={e.white}/>
           </T>
           <T style={{flex:1,minWidth:0}}>
-            <C style={o.heroTitle}numberOfLines={1}>
-              Multi-Device APK Installer
+            <C style={r.heroTitle}numberOfLines={1}>
+              {x("debugging.apkInstallerTitle","Multi-Device APK Installer")}
             </C>
-            <C style={o.heroSubtitle}numberOfLines={1}>
-              Scan QR code with another Android device to download
+            <C style={r.heroSubtitle}numberOfLines={1}>
+              {x("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={r.heroBadge}>
+            <T style={r.pulseDot}/>
+            <C style={r.heroBadgeText}>{x("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}>
-              {Y}
+        <T style={r.heroMetricsStrip}>
+          <T style={r.heroMetricItem}>
+            <C style={r.heroMetricLabel}>HOST IP</C>
+            <C style={r.heroMetricValue}numberOfLines={1}>
+              {X}
             </C>
           </T>
-          <T style={o.heroMetricDivider}/>
-          <T style={o.heroMetricItem}>
-            <C style={o.heroMetricLabel}>PORT</C>
-            <C style={o.heroMetricValue}>{$}</C>
+          <T style={r.heroMetricDivider}/>
+          <T style={r.heroMetricItem}>
+            <C style={r.heroMetricLabel}>PORT</C>
+            <C style={r.heroMetricValue}>{V}</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}]}>
-              {q?`${q} MB`:"Detected"}
+          <T style={r.heroMetricDivider}/>
+          <T style={r.heroMetricItem}>
+            <C style={r.heroMetricLabel}>APK SIZE</C>
+            <C style={[r.heroMetricValue,{color:G?e.emerald500:e.grayTextWeak}]}>
+              {G?`${G} 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={r.heroMetricDivider}/>
+          <T style={r.heroMetricItem}>
+            <C style={r.heroMetricLabel}>STATUS</C>
+            <C style={[r.heroMetricValue,{color:e.emerald500}]}>
               Ready
             </C>
           </T>
@@ -52,146 +52,146 @@ 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}>
-            <_e size={12}color={e.purple}/>
-            <C style={o.refreshBtnText}>Refresh</C>
-          </G>
+      <T style={r.sectionCard}>
+        <T style={r.sectionHeaderRow}>
+          <C style={r.sectionTitle}>{x("debugging.qrCodeTitle","QR CODE & DIRECT DOWNLOAD")}</C>
+          <H activeOpacity={.7}onPress={P}style={r.refreshBtn}>
+            <Ue size={12}color={e.purple}/>
+            <C style={r.refreshBtnText}>Refresh</C>
+          </H>
         </T>
 
         
-        <T style={o.qrCenteredWrapper}>
-          <T style={o.qrInnerFrame}>
-            <Ne value={Le}size={235}color={e.primaryBlack}backgroundColor={e.white}/>
+        <T style={r.qrCenteredWrapper}>
+          <T style={r.qrInnerFrame}>
+            <Ee value={We}size={235}color={e.primaryBlack}backgroundColor={e.white}/>
           </T>
         </T>
       </T>
 
       
-      <T style={o.sectionCard}>
-        <T style={o.sectionHeaderRow}>
+      <T style={r.sectionCard}>
+        <T style={r.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={r.sectionTitle}>{x("debugging.buildGeneratorTitle","BUILD GENERATOR (GRADLE)")}</C>
           </T>
-          {I.status==="completed"&&<T style={o.completedBadge}>
-              <Be size={10}color={e.emerald500}/>
-              <C style={o.completedBadgeText}>100% Ready</C>
+          {R.status==="completed"&&<T style={r.completedBadge}>
+              <Se size={10}color={e.emerald500}/>
+              <C style={r.completedBadgeText}>{x("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={r.subTabStrip}>
+          <H disabled={$}activeOpacity={.7}onPress={()=>{W("light"),Y("assembleRelease")}}style={[r.subTabItem,L==="assembleRelease"&&r.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={L==="assembleRelease"?e.white:e.grayText}/>
+              <C style={[r.subTabText,L==="assembleRelease"&&r.subTabTextActive]}>
+                {x("debugging.releaseBuild","Release (assembleRelease)")}
               </C>
             </T>
-          </G>
+          </H>
 
-          <G disabled={N}activeOpacity={.7}onPress={()=>{H("light"),te("assembleDebug")}}style={[o.subTabItem,F==="assembleDebug"&&o.subTabItemActive]}>
+          <H disabled={$}activeOpacity={.7}onPress={()=>{W("light"),Y("assembleDebug")}}style={[r.subTabItem,L==="assembleDebug"&&r.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={L==="assembleDebug"?e.white:e.grayText}/>
+              <C style={[r.subTabText,L==="assembleDebug"&&r.subTabTextActive]}>
+                {x("debugging.debugBuild","Debug (assembleDebug)")}
               </C>
             </T>
-          </G>
+          </H>
         </T>
 
         
-        <G disabled={N}activeOpacity={.7}onPress={()=>{H("light"),ve(!W)}}style={o.cleanRow}>
-          <T style={[o.checkboxBox,W&&o.checkboxBoxActive]}>
-            {W&&<Be size={11}color={e.white}/>}
+        <H disabled={$}activeOpacity={.7}onPress={()=>{W("light"),Ae(!O)}}style={r.cleanRow}>
+          <T style={[r.checkboxBox,O&&r.checkboxBoxActive]}>
+            {O&&<Se size={11}color={e.white}/>}
           </T>
-          <C style={o.cleanLabel}>
-            Clean build cache <C style={o.cleanCode}>(./gradlew clean)</C>
+          <C style={r.cleanLabel}>
+            Clean build cache <C style={r.cleanCode}>{x("debugging.cleanBuild","(./gradlew clean)")}</C>
           </C>
-        </G>
+        </H>
 
         
-        {N&&<T style={o.progressContainer}>
-            <T style={o.progressTopRow}>
-              <T style={o.progressTaskGroup}>
+        {$&&<T style={r.progressContainer}>
+            <T style={r.progressTopRow}>
+              <T style={r.progressTaskGroup}>
                 <Ce size="small"color={e.purple}/>
-                <C style={o.progressTaskText}numberOfLines={1}>
-                  {I.currentTask||"Executing Gradle tasks..."}
+                <C style={r.progressTaskText}numberOfLines={1}>
+                  {R.currentTask||"Executing Gradle tasks..."}
                 </C>
               </T>
-              <C style={o.progressPercentageText}>
-                {I.progress}%
+              <C style={r.progressPercentageText}>
+                {R.progress}%
               </C>
             </T>
 
             
-            <T style={o.progressBarTrack}>
-              <Z.View style={[o.progressBarFill,{width:K.interpolate({inputRange:[0,100],outputRange:["5%","100%"]})}]}/>
+            <T style={r.progressBarTrack}>
+              <K.View style={[r.progressBarFill,{width:_.interpolate({inputRange:[0,100],outputRange:["5%","100%"]})}]}/>
             </T>
           </T>}
 
         
-        {I.status==="failed"&&<T style={o.errorContainer}>
+        {R.status==="failed"&&<T style={r.errorContainer}>
             <Ie size={13}color={e.errorColor}/>
-            <C style={o.errorText}numberOfLines={2}>
-              {I.error||"Build execution failed."}
+            <C style={r.errorText}numberOfLines={2}>
+              {R.error||"Build execution failed."}
             </C>
           </T>}
 
         
-        {(I.logs&&I.logs.length>0||N)&&<T style={o.consoleContainer}>
-            <T style={o.consoleHeaderRow}>
+        {(R.logs&&R.logs.length>0||$)&&<T style={r.consoleContainer}>
+            <T style={r.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={r.consoleHeaderTitle}>{x("debugging.gradleVerboseOutput","GRADLE VERBOSE OUTPUT")}</C>
               </T>
-              <G activeOpacity={.7}onPress={()=>Ae(!Q)}style={o.consoleToggleBtn}>
-                <C style={o.consoleToggleText}>
-                  {Q?"Hide Console":"Show Console"}
+              <H activeOpacity={.7}onPress={()=>Fe(!U)}style={r.consoleToggleBtn}>
+                <C style={r.consoleToggleText}>
+                  {U?"Hide Console":"Show Console"}
                 </C>
-              </G>
+              </H>
             </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}]}>
+            {U&&<Te ref={ee}style={r.consoleLogBox}contentContainerStyle={r.consoleLogContent}nestedScrollEnabled showsVerticalScrollIndicator>
+                {R.logs&&R.logs.length>0?R.logs.map((k,I)=>{let w=e.slate400;return k.startsWith("> Task :")?w=e.sky400:k.includes("BUILD SUCCESSFUL")?w=e.buildSuccessGreen:k.includes("FAILURE")||k.includes("error:")?w=e.buildFailureRed:k.includes("UP-TO-DATE")&&(w=e.purple400),<C key={I}style={[r.consoleLogLine,{color:w}]}>
                         {k}
-                      </C>}):<C style={o.consoleLogPlaceholder}>
-                    Waiting for Gradle daemon output...
+                      </C>}):<C style={r.consoleLogPlaceholder}>
+                    {x("debugging.waitingForGradle","Waiting for Gradle daemon output...")}
                   </C>}
               </Te>}
           </T>}
 
         
-        {N?<T style={o.buildingActionsRow}>
-            <T style={o.buildingStatusPill}>
+        {$?<T style={r.buildingActionsRow}>
+            <T style={r.buildingStatusPill}>
               <Ce size="small"color={e.purple}/>
-              <C style={o.buildingStatusPillText}numberOfLines={1}>
-                Building ({I.progress}%)
+              <C style={r.buildingStatusPillText}numberOfLines={1}>
+                Building ({R.progress}%)
               </C>
             </T>
 
-            <Se onPress={Me}style={o.stopBtn}>
+            <Be onPress={Oe}style={r.stopBtn}>
               <Ie size={13}color={e.white}/>
-              <C style={o.stopBtnText}>Stop Build</C>
-            </Se>
-          </T>:<Se onPress={Oe}style={o.generateBtn}>
-            <T style={o.ctaContentRow}>
+              <C style={r.stopBtnText}>{x("debugging.stopBuild","Stop Build")}</C>
+            </Be>
+          </T>:<Be onPress={Me}style={r.generateBtn}>
+            <T style={r.ctaContentRow}>
               <Ge size={14}color={e.white}/>
-              <C style={o.generateBtnText}>
-                {W?"Clean & Generate Build":"Generate Build"}
+              <C style={r.generateBtnText}>
+                {O?"Clean & Generate Build":"Generate Build"}
               </C>
             </T>
-          </Se>}
+          </Be>}
       </T>
 
       
-      <T style={o.footerNoteRow}>
-        <Ee size={13}color={e.grayTextWeak}/>
-        <C style={o.footerNoteText}>
-          Ensure both Android devices are connected to the same Wi-Fi network.
+      <T style={r.footerNoteRow}>
+        <Ne size={13}color={e.grayTextWeak}/>
+        <C style={r.footerNoteText}>
+          {x("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 r=$e.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,81 +1,81 @@
-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 B,useEffect as G,useRef as d,useState as L}from"react";import{Animated as s,PanResponder as ae,Platform as y,StyleSheet as ke,Text as T,TouchableOpacity as We,useWindowDimensions as Ne,View as S}from"react-native";import He from"react-native-linear-gradient";import{useInspector as Ye}from"./InspectorContext";import E from"../TouchableScale";import Se from"../AppHeaderLogo";import{AndroidIcon as $e,AppleIcon as Ge,ScreenshotCaptureIcon as Xe,ScreenRecordIcon as Ze,CloseWhite as Re,MaximizeIcon as _e,NpmIcon as Ue}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 Je,getAppVersionAndBuild as Ke}from"../../helpers";import{LIB_VERSION as Qe}from"../../constants";import{AppColors as i}from"../../styles/AppColors";import{AppFonts as F}from"../../styles/AppFonts";import Ce from"../../styles";import{useTranslation as et}from"../../i18n";import{MediaPreviewModal as St}from"./MediaPreviewModal";const vt=()=>{const{setVisible:D,isMinimized:Ie,setIsMinimized:k,dismissInspector:Te,appIcon:K,fabPan:a,fabPanResponder:xt,fabDraggedRef:W,pulseAnim:Ve,fabShineAnim:Rt,refreshMediaCount:h,captureFps:Q,captureScale:ee,captureBitrate:X,captureMaxDurationSeconds:te,captureAudioMode:re,previewMediaItem:ie,setPreviewMediaItem:v}=Ye(),{width:P,height:x}=Ne(),{t:n}=et(),[De]=L(()=>Ke().formatted),[p,N]=L(!1),[Pe,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=B(()=>{const e=C.current.x,t=C.current.y,r=20,z=180,b=P-r-l/2+e,$=x-z-l/2+t;let q=e,U=t,A=!1;b<Y+l/2?(q=e+(Y+l/2-b),A=!0):b>P-Y-l/2&&(q=e-(b-(P-Y-l/2)),A=!0);const ne=y.OS==="ios"?60:40,se=y.OS==="ios"?40:24;$<ne+l/2?(U=t+(ne+l/2-$),A=!0):$>x-se-l/2&&(U=t-($-(x-se-l/2)),A=!0),A&&s.spring(a,{toValue:{x:q,y:U},useNativeDriver:!1,tension:80,friction:8}).start()},[a,P,x]),ze=d(ae.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{W.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-P/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"),Te(),m(n("common.inspectorDismissed","In-App Inspector closed for this session"))):Oe(),setTimeout(()=>{W.current=!1},100)},onPanResponderTerminate:()=>{a.flattenOffset(),W.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,I=d({x:0,y:0});G(()=>{const e=c.x.addListener(r=>I.current.x=r.value),t=c.y.addListener(r=>I.current.y=r.value);return()=>{c.x.removeListener(e),c.y.removeListener(t)}},[c]);const g=d(!1),Ae=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:I.current.x,y:I.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=I.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:I.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 Be=B(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=B(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]),oe=B(()=>{g.current||(u("light"),k?.(!1),D(!0))},[k,D]),Ee=B(()=>{g.current||(u("light"),k?.(!1),D(!1))},[k,D]),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}>
+      {Ie?<s.View style={[o.playerContainer,{transform:c.getTranslateTransform()}]}{...Ae.panHandlers}>
           
-          <Ye colors={[o.indigo600,o.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={i.gradientBg}pointerEvents="none"/>
+          <He colors={[i.indigo600,i.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={o.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"/>
-            <S style={i.titleWrapper}>
-              <I style={i.appTitle}numberOfLines={1}>
-                {Ke()}
-              </I>
-              <S style={i.versionRow}>
+          <We activeOpacity={.75}onPress={oe}style={o.brandSection}accessibilityRole="button"accessibilityLabel={n("mediaGallery.expand","Expand Inspector")}>
+            <Se size={36}customIcon={K}shape="circle"/>
+            <S style={o.titleWrapper}>
+              <T style={o.appTitle}numberOfLines={1}>
+                {Je()}
+              </T>
+              <S style={o.versionRow}>
                 
-                <S style={i.versionChip}>
-                  {b.OS==="ios"?<Xe color={`${o.white}E6`}size={9}/>:<Ge color={`${o.white}E6`}size={9}/>}
-                  <I style={i.versionChipText}numberOfLines={1}>
-                    {Pe}
-                  </I>
+                <S style={o.versionChip}>
+                  {y.OS==="ios"?<Ge color={`${i.white}E6`}size={9}/>:<$e color={`${i.white}E6`}size={9}/>}
+                  <T style={o.versionChipText}numberOfLines={1}>
+                    {De}
+                  </T>
                 </S>
 
                 
-                <S style={i.versionChip}>
-                  <Je size={9}color={o.npmRedLight}/>
-                  <I style={i.versionChipText}numberOfLines={1}>
-                    v{et}
-                  </I>
+                <S style={o.versionChip}>
+                  <Ue size={9}color={i.npmRedLight}/>
+                  <T style={o.versionChipText}numberOfLines={1}>
+                    v{Qe}
+                  </T>
                 </S>
               </S>
             </S>
-          </Ne>
+          </We>
 
           
-          <S style={i.actionsRow}>
+          <S style={o.actionsRow}>
             
-            <F onPress={Ae}hitSlop={{top:6,bottom:6,left:4,right:4}}style={i.actionBtn}>
-              <Ze size={12}color={o.white}/>
-              <I style={i.actionText}>
+            <E onPress={Be}hitSlop={{top:6,bottom:6,left:4,right:4}}style={o.actionBtn}>
+              <Xe size={12}color={i.white}/>
+              <T style={o.actionText}>
                 {n("header.photo","Photo")}
-              </I>
-            </F>
+              </T>
+            </E>
 
             
-            <F 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 onPress={Le}hitSlop={{top:6,bottom:6,left:4,right:4}}style={[o.actionBtn,p&&o.recordingBtnActive]}>
+              {p?<S style={o.recordingDot}/>:<Ze size={12}color={i.white}/>}
+              <T style={[o.actionText,p&&{color:i.red300}]}>
+                {p?`${n("header.rec","REC")} ${Fe(Pe)}`:n("header.record","Record")}
+              </T>
+            </E>
 
             
-            <F onPress={ne}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 onPress={oe}hitSlop={{top:6,bottom:6,left:4,right:4}}accessibilityRole="button"accessibilityLabel={n("common.expand","Expand")}style={o.actionBtnSquare}>
+              <_e size={12}color={i.white}/>
+            </E>
 
             
-            <F 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 onPress={Ee}hitSlop={{top:6,bottom:6,left:4,right:6}}accessibilityRole="button"accessibilityLabel={n("common.close","Close")}style={o.actionBtnSquare}>
+              <Re size={10}color={i.white}/>
+            </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"accessible={!0}accessibilityRole="button"accessibilityLabel={n("accessibility.openInspector","Open In-App Network and System Inspector")}accessibilityHint={n("accessibility.openInspectorHint","Double tap to open the full debug inspector")}style={{width:68,height:68,borderRadius:34,alignItems:"center",justifyContent:"center"}}onPress={()=>{W.current||(u("light"),D(!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]}>
-            <Re size={18}color={o.white}/>
+      {Me&&<s.View pointerEvents="none"style={[o.dismissTargetContainer,{opacity:O,transform:[{translateY:O.interpolate({inputRange:[0,1],outputRange:[30,0]})},{scale:H}]}]}>
+          <S style={[o.dismissTargetCircle,_&&o.dismissTargetCircleActive]}>
+            <Re size={18}color={i.white}/>
           </S>
-          <I style={[i.dismissTargetLabel,q&&i.dismissTargetLabelActive]}>
-            {q?n("common.releaseToHide","Release to hide"):n("common.dragToHide","Drag here to hide")}
-          </I>
+          <T style={[o.dismissTargetLabel,_&&o.dismissTargetLabelActive]}>
+            {_?n("common.releaseToHide","Release to hide"):n("common.dragToHide","Drag here to hide")}
+          </T>
         </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={ie}visible={!!ie}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(()=>{})}}/>
+    </>},o=ke.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:i.black,shadowOffset:{width:0,height:6},shadowOpacity:.4,shadowRadius:10,elevation:16},dismissTargetCircleActive:{backgroundColor:i.red600,borderColor:i.red300,shadowColor:i.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:i.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:i.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:i.white,letterSpacing:-.2},versionRow:{flexDirection:"row",alignItems:"center",gap:4,minWidth:0},versionChip:{flexDirection:"row",alignItems:"center",backgroundColor:`${i.white}1F`,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5,gap:3,borderWidth:1,borderColor:`${i.white}2E`,flexShrink:1,minWidth:0},versionChipText:{fontFamily:F.interMedium,fontSize:8.5,color:`${i.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:i.red500},recordingDot:{width:6,height:6,borderRadius:3,backgroundColor:i.red500},actionText:{fontFamily:F.interSemiBold,fontSize:10.5,color:i.white}});export default vt;