react-native-inapp-inspector 2.4.2 → 2.5.1

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

@@ -0,0 +1,54 @@
+import{useCallback as Z,useEffect as G,useRef as x,useState as E}from"react";import{Animated as o,Dimensions as Be,PanResponder as De,Platform as _,StyleSheet as ee,Text as W,View as S}from"react-native";import Se from"react-native-linear-gradient";import{useInspector as ze}from"./InspectorContext";import N from"../TouchableScale";import{GripVerticalIcon as Ee,ScreenshotCaptureIcon as Fe,ScreenRecordIcon as $e}from"../NetworkIcons";import{ScreenCapture as V}from"../../capture";import{triggerNativeHaptic as B}from"../../native/NativeInspector";import{showToast as v}from"../../helpers/toast";import{AppColors as s}from"../../styles/AppColors";import{AppFonts as xe}from"../../styles/AppFonts";import{useTranslation as Ae}from"../../i18n";import{MediaPreviewModal as Le}from"./MediaPreviewModal";export const FloatingCaptureWidget=()=>{const{refreshMediaCount:R,captureFps:X,captureScale:Y,captureBitrate:F,captureMaxDurationSeconds:j,captureAudioMode:q,activeTab:ve,settingsPage:Re,peekMode:Oe}=ze(),{t:n}=Ae(),[M,D]=E(!1),[Ie,$]=E(!1),[Ce,A]=E(0),I=x(null),[H,T]=E(null),k=x(new o.Value(1)).current,z=x(new o.Value(0)).current,i=x(new o.ValueXY({x:0,y:0})).current,C=x({x:0,y:0});G(()=>{const e=i.x.addListener(a=>C.current.x=a.value),t=i.y.addListener(a=>C.current.y=a.value);return()=>{i.x.removeListener(e),i.y.removeListener(t)}},[i]);const P=x(!1),Ve=x(De.create({onStartShouldSetPanResponder:()=>!1,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>2||Math.abs(t.dy)>2,onMoveShouldSetPanResponderCapture:(e,t)=>Math.abs(t.dx)>2||Math.abs(t.dy)>2,onPanResponderGrant:()=>{P.current=!0,i.setOffset({x:C.current.x,y:C.current.y}),i.setValue({x:0,y:0})},onPanResponderMove:(e,t)=>{i.setValue({x:t.dx,y:t.dy})},onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderRelease:()=>{i.flattenOffset(),setTimeout(()=>{P.current=!1},150);const{width:e,height:t}=Be.get("window"),a=e/2-30,J=-a,K=20,Q=-(t-120),L=C.current.x,O=C.current.y;if(L<J||L>a||O<Q||O>K){const ke=Math.min(Math.max(L,J),a),Pe=Math.min(Math.max(O,Q),K);o.spring(i,{toValue:{x:ke,y:Pe},friction:7,tension:50,useNativeDriver:!1}).start()}},onPanResponderTerminate:()=>{i.flattenOffset(),P.current=!1}})).current;G(()=>{V.isRecording().then(e=>{D(e)}).catch(()=>{})},[]),G(()=>{let e=null;return M?(A(0),I.current=setInterval(()=>{A(t=>t+1)},1e3),e=o.loop(o.sequence([o.timing(k,{toValue:1.15,duration:500,useNativeDriver:!0}),o.timing(k,{toValue:1,duration:500,useNativeDriver:!0})])),e.start()):(I.current&&(clearInterval(I.current),I.current=null),A(0),k.setValue(1)),()=>{I.current&&clearInterval(I.current),e&&e.stop()}},[M,k]);const Me=Z(async()=>{if(!P.current)try{B("light"),$(!0),await new Promise(t=>setTimeout(t,60));const e=await V.takeScreenshot({format:"png",quality:.9,hideInspector:!1});if($(!1),o.sequence([o.timing(z,{toValue:.65,duration:70,useNativeDriver:!0}),o.timing(z,{toValue:0,duration:200,useNativeDriver:!0})]).start(),e){B("success");const t={id:`screenshot_${e.timestamp}.png`,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||`screenshot_${e.timestamp}.png`,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};T(t),R?.().catch(()=>{}),v(n("header.screenshotCaptured","Screenshot captured"))}else v(n("header.screenshotFailed","Failed to capture screenshot"))}catch{$(!1),v(n("header.screenshotError","Error capturing screenshot"))}},[R,z,n]),U=Z(async()=>{if(!P.current)try{if(M){B("medium");const e=await V.stopRecording();if(D(!1),e){B("success");const t={id:`video_${e.timestamp}.${e.format}`,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||`video_${e.timestamp}.${e.format}`,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio,thumbnailUri:e.thumbnailUri};T(t),R?.().catch(()=>{}),v(n("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else B("medium"),await V.startRecording({fps:X,scale:Y,audioSource:q,bitrate:F>0?F:void 0,maxDurationSeconds:j})?(D(!0),v(n("header.recordingStarted","Recording started"))):v(n("header.recordingStartFailed","Failed to start recording"))}catch{v(n("header.recordingError","Error during screen recording")),D(!1)}},[M,X,Y,F,j,q,R,n]),Te=e=>{const t=Math.floor(e/60),a=e%60;return`${t<10?"0":""}${t}:${a<10?"0":""}${a}`};return ve==="media"||Re==="media"?null:<>
+      
+      <o.View pointerEvents="none"style={[r.flashOverlay,{opacity:z}]}/>
+
+      {!Ie&&<o.View{...Ve.panHandlers}style={[r.container,{transform:[{translateX:i.x},{translateY:i.y}]}]}>
+          
+          {M?<S style={r.recordingShadowWrapper}>
+              <N onPress={U}style={r.recordingPillWrapper}>
+                <Se colors={["#E11D48","#BE123C"]}start={{x:0,y:0}}end={{x:1,y:0}}style={r.recordingPill}>
+                  <o.View style={[r.recordingDot,{transform:[{scale:k}]}]}/>
+                  <W style={r.recordingText}>
+                    REC {Te(Ce)}
+                  </W>
+                  <S style={r.stopIconBadge}>
+                    <S style={r.stopIconSquare}/>
+                  </S>
+                </Se>
+              </N>
+            </S>:<S style={r.dockShadowWrapper}>
+              <Se colors={["#0E1326","#1A1E38","#0E1326"]}start={{x:0,y:0}}end={{x:1,y:0}}style={r.dockBar}>
+                
+                <S style={r.dragGripArea}pointerEvents="none">
+                  <Ee size={13}color="rgba(255, 255, 255, 0.45)"/>
+                </S>
+
+                
+                <N onPress={Me}style={r.menuItemBtn}accessible={!0}accessibilityLabel="Take Screenshot">
+                  <S style={[r.menuItemIconCircle,{backgroundColor:"rgba(56, 189, 248, 0.22)"}]}>
+                    <Fe size={14}color={s.sky400}/>
+                  </S>
+                  <W style={r.menuItemText}>
+                    {n("header.screenshot","Screenshot")}
+                  </W>
+                </N>
+
+                
+                <S style={r.dockDivider}/>
+
+                
+                <N onPress={U}style={r.menuItemBtn}accessible={!0}accessibilityLabel={n("header.recordScreen","Record Screen")}>
+                  <S style={[r.menuItemIconCircle,{backgroundColor:"rgba(244, 63, 94, 0.24)"}]}>
+                    <$e size={14}color={s.rose400||"#FB7185"}/>
+                  </S>
+                  <W style={r.menuItemText}>
+                    {n("header.record","Record")}
+                  </W>
+                </N>
+              </Se>
+            </S>}
+        </o.View>}
+
+      
+      <Le item={H}visible={!!H}onClose={()=>T(null)}onDelete={async e=>{await V.deleteMedia(e.uri),R?.().catch(()=>{}),T(null)}}onConvertToGif={async e=>{const t=await V.convertToGif(e.uri,{fps:12,width:480});t&&(R?.().catch(()=>{}),T({id:`anim_${t.timestamp}.gif`,type:"gif",format:"gif",uri:t.uri,filename:t.uri.split("/").pop()||`anim_${t.timestamp}.gif`,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs}))}}/>
+    </>};const r=ee.create({flashOverlay:{...ee.absoluteFillObject,backgroundColor:s.white,zIndex:999999},container:{position:"absolute",bottom:_.OS==="ios"?22:16,alignSelf:"center",alignItems:"center",justifyContent:"center",zIndex:999999,elevation:999999},dockShadowWrapper:{borderRadius:24,backgroundColor:"#0D1120",..._.select({ios:{shadowColor:s.black,shadowOffset:{width:0,height:6},shadowOpacity:.45,shadowRadius:14},android:{elevation:16}})},dockBar:{flexDirection:"row",alignItems:"center",borderRadius:24,width:272,paddingVertical:0,paddingHorizontal:0,overflow:"hidden"},dragGripArea:{paddingLeft:10,paddingRight:2,paddingVertical:10,alignItems:"center",justifyContent:"center"},dockDivider:{width:1,height:20,backgroundColor:"rgba(255, 255, 255, 0.12)"},menuItemBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:7,paddingVertical:9,paddingHorizontal:10},menuItemIconCircle:{width:24,height:24,borderRadius:12,alignItems:"center",justifyContent:"center"},menuItemText:{fontFamily:xe.interSemiBold,fontSize:12,color:s.white,letterSpacing:.1},recordingShadowWrapper:{borderRadius:20,..._.select({ios:{shadowColor:s.black,shadowOffset:{width:0,height:4},shadowOpacity:.4,shadowRadius:10},android:{elevation:12}})},recordingPillWrapper:{borderRadius:20,overflow:"hidden"},recordingPill:{flexDirection:"row",alignItems:"center",gap:7,paddingVertical:6.5,paddingHorizontal:12,borderRadius:20,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.35)"},recordingDot:{width:7,height:7,borderRadius:3.5,backgroundColor:s.white},recordingText:{fontFamily:xe.interBold,fontSize:11,color:s.white,letterSpacing:.3},stopIconBadge:{width:16,height:16,borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.28)",alignItems:"center",justifyContent:"center",marginLeft:2},stopIconSquare:{width:5.5,height:5.5,borderRadius:1,backgroundColor:s.white}});export default FloatingCaptureWidget;

package/dist/esm/components/Inspector/GlobalCrashScreenModal.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CrashRecord } from '../../types';
+interface GlobalCrashScreenModalProps {
+    visible: boolean;
+    crash: CrashRecord | null;
+    onDismiss: () => void;
+    onOpenInspector: () => void;
+    onRetry?: () => void;
+}
+export declare const GlobalCrashScreenModal: React.FC<GlobalCrashScreenModalProps>;
+export default GlobalCrashScreenModal;

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

@@ -0,0 +1,234 @@
+import j,{useMemo as G}from"react";import{Modal as U,StyleSheet as J,Text as T,View as C,ScrollView as Y,SafeAreaView as K,Platform as X}from"react-native";import E from"react-native-linear-gradient";import F from"../TouchableScale";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as S}from"../../styles/AppFonts";import{exportCrashReport as Q}from"../../customHooks/crashHandler";import{copyToClipboard as Z}from"../../helpers";import{showToast as _}from"../../helpers/toast";import{useTranslation as ee}from"../../i18n";import{WarningTriangleIcon as Te,CopyIcon as Ce,RefreshCcwIcon as Se,CloseWhite as Be,CircleAlertIcon as Ve,TerminalIcon as Re,CodeBracketsIcon as Ie,RepeatIcon as Fe,ShieldAlertIcon as W,FlameIcon as He,ChipIcon as Le,LayoutIcon as D,HourglassIcon as Ae,JsIcon as Me}from"../NetworkIcons";export const GlobalCrashScreenModal=j.memo(({visible:H,crash:h,onDismiss:L,onOpenInspector:O,onRetry:A})=>{const{t:B}=ee(),M=G(()=>h?Q(h,"markdown"):"",[h]);if(!H||!h)return null;const z=h.isFatal,P=h.type||"js",R=h.parsedStack&&h.parsedStack.length>0?h.parsedStack.find(V=>V.isAppCode)||h.parsedStack[0]:null,N=()=>{M&&(Z(M,B("errors.errorReport","Crash Report")),_(B("common.copied","Copied crash diagnostics to clipboard")))},v=()=>{switch(P){case"native":return<Le size={12}color={e.cyan600}/>;case"render":return<D size={12}color={e.purple400}/>;case"promise":return<Ae size={12}color={e.amber400}/>;default:return<Me size={12}color={e.yellow400}/>}};return<U visible={H}transparent={!1}animationType="fade"statusBarTranslucent={!0}onRequestClose={L}>
+        <K style={t.safeArea}>
+          <C style={t.container}>
+            
+            <C style={t.header}>
+              <E colors={[e.red600,e.rose600]}start={{x:0,y:0}}end={{x:1,y:1}}style={t.iconGlowWrap}>
+                <Te color={e.white}size={24}/>
+              </E>
+
+              <C style={t.headerTextCol}>
+                <C style={t.badgeRow}>
+                  <C style={[t.crashBadge,z&&t.crashBadgeFatal]}>
+                    {z?<He size={10}color={e.red500}/>:v()}
+                    <T style={[t.crashBadgeText,z&&t.crashBadgeTextFatal]}>
+                      {z?B("crash.fatalBadge","FATAL CRASH"):`${P.toUpperCase()} ERROR`}
+                    </T>
+                  </C>
+
+                  <C style={t.shieldBadge}>
+                    <W size={10}color={e.emerald400}/>
+                    <T style={t.shieldBadgeText}>
+                      {B("errors.protected","SHIELD PROTECTED")}
+                    </T>
+                  </C>
+                </C>
+
+                <T style={t.title}>
+                  {B("errors.rootCauseTitle","Crash Intercepted")}
+                </T>
+                <T style={t.subtitle}numberOfLines={1}>
+                  {B("errors.rootCauseSubtitle","Native crash prevented \u2022 Diagnostics captured")}
+                </T>
+              </C>
+
+              <F onPress={L}hitSlop={10}style={t.closeBtn}>
+                <Be size={12}color={e.slate400}/>
+              </F>
+            </C>
+
+            
+            <Y style={t.scrollArea}contentContainerStyle={t.scrollContent}showsVerticalScrollIndicator={!0}>
+              
+              <C style={t.errorBox}>
+                <C style={t.errorBoxHeader}>
+                  <Ve size={14}color={e.red500}/>
+                  <T style={t.errorBoxTitle}>
+                    {h.name||B("crash.unknownException","Exception")}
+                  </T>
+                </C>
+                <T style={t.errorMessage}selectable={!0}>
+                  {h.message||B("crash.unknownException","Unknown Exception")}
+                </T>
+              </C>
+
+              
+              {R&&<C style={t.locationCard}>
+                  <C style={t.cardHeaderRow}>
+                    <Re size={13}color={e.sky400}/>
+                    <T style={t.cardHeaderTitle}>
+                      {B("errors.exactLocation","EXACT ROOT CAUSE")}
+                    </T>
+                  </C>
+
+                  <C style={t.locRow}>
+                    <T style={t.locLabel}>
+                      {B("errors.file","File:")}
+                    </T>
+                    <T style={t.locValFile}numberOfLines={1}selectable={!0}>
+                      {R.file}
+                    </T>
+                  </C>
+
+                  <C style={t.locRow}>
+                    <T style={t.locLabel}>
+                      {B("errors.lineCol","Line / Col:")}
+                    </T>
+                    <T style={t.locValNum}>
+                      {R.lineNumber}:{R.column}
+                    </T>
+                  </C>
+
+                  <C style={t.locRow}>
+                    <T style={t.locLabel}>
+                      {B("errors.function","Function:")}
+                    </T>
+                    <T style={t.locValMethod}numberOfLines={1}>
+                      {R.method}()
+                    </T>
+                  </C>
+
+                  {R.raw&&<T style={t.fullPathText}numberOfLines={2}selectable={!0}>
+                      {R.raw}
+                    </T>}
+                </C>}
+
+              
+              {h.parsedStack&&h.parsedStack.length>0&&<C style={t.stackCard}>
+                  <C style={t.cardHeaderRow}>
+                    <Ie size={13}color={e.purple400}/>
+                    <T style={t.cardHeaderTitle}>
+                      {B("errors.callStack","CALL STACK")}
+                    </T>
+                    <T style={t.cardHeaderCount}>
+                      {h.parsedStack.length} frames
+                    </T>
+                  </C>
+
+                  {h.parsedStack.slice(0,10).map((V,I)=><C key={I}style={[t.frameItem,V.isAppCode&&t.frameItemProject]}>
+                      <C style={t.frameNumBadge}>
+                        <T style={[t.frameNumText,V.isAppCode&&{color:e.sky400}]}>
+                          #{I+1}
+                        </T>
+                      </C>
+                      <C style={{flex:1}}>
+                        <T style={[t.frameMethod,V.isAppCode&&t.frameMethodProject]}numberOfLines={1}>
+                          {V.method}
+                        </T>
+                        <T style={t.frameLoc}numberOfLines={1}>
+                          {V.file}:{V.lineNumber}
+                        </T>
+                      </C>
+                      {V.isAppCode&&<C style={t.appTag}>
+                          <T style={t.appTagText}>APP</T>
+                        </C>}
+                    </C>)}
+                </C>}
+
+              
+              {h.componentStack&&<C style={t.stackCard}>
+                  <C style={t.cardHeaderRow}>
+                    <D size={13}color={e.purple400}/>
+                    <T style={t.cardHeaderTitle}>
+                      {B("crash.componentHierarchy","COMPONENT HIERARCHY")}
+                    </T>
+                  </C>
+                  <T style={t.rawStackText}selectable={!0}>
+                    {h.componentStack}
+                  </T>
+                </C>}
+
+              
+              {h.breadcrumbs&&h.breadcrumbs.length>0&&<C style={t.stackCard}>
+                  <C style={t.cardHeaderRow}>
+                    <Fe size={13}color={e.amber400}/>
+                    <T style={t.cardHeaderTitle}>
+                      {B("crash.breadcrumbTrail","RECENT TRAIL")}
+                    </T>
+                    <T style={t.cardHeaderCount}>
+                      {h.breadcrumbs.length} events
+                    </T>
+                  </C>
+
+                  {h.breadcrumbs.slice(0,6).map((V,I)=>{const $=new Date(V.timestamp).toLocaleTimeString();return<C key={I}style={t.breadcrumbItem}>
+                        <C style={t.breadcrumbTag}>
+                          <T style={t.breadcrumbTagText}>
+                            {V.type.toUpperCase()}
+                          </T>
+                        </C>
+                        <T style={t.breadcrumbMsg}numberOfLines={2}>
+                          {V.message}
+                        </T>
+                        <T style={t.breadcrumbTime}>{$}</T>
+                      </C>})}
+                </C>}
+
+              
+              {h.deviceInfo&&<C style={t.telemetryCard}>
+                  <T style={t.telemetryTitle}>
+                    {B("crash.deviceDiagnostics","HARDWARE & RUNTIME TELEMETRY")}
+                  </T>
+                  <C style={t.telemetryGrid}>
+                    <C style={t.telemetryPill}>
+                      <T style={t.telemetryLabel}>OS</T>
+                      <T style={t.telemetryValue}>
+                        {h.deviceInfo.platform?.toUpperCase()}{" "}
+                        {h.deviceInfo.osVersion}
+                      </T>
+                    </C>
+                    <C style={t.telemetryPill}>
+                      <T style={t.telemetryLabel}>RN Version</T>
+                      <T style={t.telemetryValue}>
+                        {h.deviceInfo.rnVersion||"N/A"}
+                      </T>
+                    </C>
+                    <C style={t.telemetryPill}>
+                      <T style={t.telemetryLabel}>Engine</T>
+                      <T style={t.telemetryValue}>
+                        {h.deviceInfo.isHermes?"Hermes":"JSC"}
+                      </T>
+                    </C>
+                    <C style={t.telemetryPill}>
+                      <T style={t.telemetryLabel}>Architecture</T>
+                      <T style={t.telemetryValue}>
+                        {h.deviceInfo.isFabric?"Fabric (New)":"Paper"}
+                      </T>
+                    </C>
+                    {h.memoryInfo&&<C style={t.telemetryPill}>
+                        <T style={t.telemetryLabel}>JS Heap</T>
+                        <T style={t.telemetryValue}>
+                          {h.memoryInfo.usedJSHeapSize} / {h.memoryInfo.totalJSHeapSize} MB
+                        </T>
+                      </C>}
+                  </C>
+                </C>}
+            </Y>
+
+            
+            <C style={t.footer}>
+              {A&&<F onPress={A}style={t.retryBtn}>
+                  <Se size={14}color={e.white}/>
+                  <T style={t.retryBtnText}>
+                    {B("errors.retry","Try Again")}
+                  </T>
+                </F>}
+
+              <F onPress={O}style={t.inspectorBtn}>
+                <E colors={[e.indigo600,e.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={t.inspectorBtnGradient}>
+                  <W size={14}color={e.white}/>
+                  <T style={t.inspectorBtnText}>
+                    {B("crash.openInInspector","Open in Inspector")}
+                  </T>
+                </E>
+              </F>
+
+              <F onPress={N}style={t.copyBtn}>
+                <Ce size={14}color={e.slate200}/>
+                <T style={t.copyBtnText}>
+                  {B("errors.copy","Copy")}
+                </T>
+              </F>
+            </C>
+          </C>
+        </K>
+      </U>});const t=J.create({safeArea:{flex:1,backgroundColor:e.slate900},container:{flex:1,backgroundColor:e.slate900},header:{flexDirection:"row",alignItems:"center",paddingHorizontal:16,paddingTop:X.OS==="android"?24:12,paddingBottom:12,backgroundColor:e.slate850,borderBottomWidth:1,borderBottomColor:e.slate800,gap:12},iconGlowWrap:{width:42,height:42,borderRadius:12,alignItems:"center",justifyContent:"center",shadowColor:e.red500,shadowOffset:{width:0,height:4},shadowOpacity:.35,shadowRadius:8,elevation:4},headerTextCol:{flex:1},badgeRow:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:3},crashBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.red500}22`,paddingHorizontal:6,paddingVertical:2,borderRadius:5,borderWidth:1,borderColor:`${e.red500}44`},crashBadgeFatal:{backgroundColor:`${e.red500}33`,borderColor:e.red500},crashBadgeText:{fontFamily:S.interBold,fontSize:9.5,color:e.red500,letterSpacing:.4},crashBadgeTextFatal:{color:e.red500},shieldBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.emerald500}20`,paddingHorizontal:6,paddingVertical:2,borderRadius:5,borderWidth:1,borderColor:`${e.emerald500}44`},shieldBadgeText:{fontFamily:S.interBold,fontSize:9,color:e.emerald400,letterSpacing:.4},title:{fontFamily:S.interBold,fontSize:16,color:e.white,letterSpacing:-.2},subtitle:{fontFamily:S.interRegular,fontSize:11,color:e.slate400,marginTop:1},closeBtn:{width:30,height:30,borderRadius:15,backgroundColor:e.slate800,alignItems:"center",justifyContent:"center"},scrollArea:{flex:1},scrollContent:{padding:16,gap:12,paddingBottom:24},errorBox:{backgroundColor:`${e.red500}16`,borderRadius:12,borderWidth:1,borderColor:`${e.red500}40`,padding:14,gap:6},errorBoxHeader:{flexDirection:"row",alignItems:"center",gap:6},errorBoxTitle:{fontFamily:S.interBold,fontSize:12,color:e.red500,letterSpacing:.4},errorMessage:{fontFamily:S.interBold,fontSize:13.5,color:e.red100,lineHeight:19},locationCard:{backgroundColor:e.slate850,borderRadius:12,padding:14,borderWidth:1,borderColor:e.slate800,gap:8},cardHeaderRow:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:4},cardHeaderTitle:{fontFamily:S.interBold,fontSize:10.5,color:e.slate200,letterSpacing:.6,flex:1},cardHeaderCount:{fontFamily:S.interMedium,fontSize:10,color:e.slate400},locRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8},locLabel:{fontFamily:S.interMedium,fontSize:11.5,color:e.slate400,minWidth:80},locValFile:{fontFamily:S.interBold,fontSize:12,color:e.sky400,flex:1,textAlign:"right"},locValNum:{fontFamily:S.interBold,fontSize:12,color:e.white},locValMethod:{fontFamily:S.interMedium,fontSize:12,color:e.purple400},fullPathText:{fontFamily:S.interRegular,fontSize:10,color:e.slate400,marginTop:4,paddingTop:6,borderTopWidth:1,borderTopColor:e.slate800},stackCard:{backgroundColor:e.slate850,borderRadius:12,padding:14,borderWidth:1,borderColor:e.slate800,gap:6},frameItem:{flexDirection:"row",alignItems:"center",backgroundColor:e.slate900,padding:9,borderRadius:8,gap:8,borderWidth:1,borderColor:e.slate800},frameItemProject:{borderColor:`${e.sky400}44`,backgroundColor:`${e.sky400}0F`},frameNumBadge:{width:22,alignItems:"center"},frameNumText:{fontFamily:S.interBold,fontSize:10,color:e.slate400},frameMethod:{fontFamily:S.interBold,fontSize:11.5,color:e.slate200},frameMethodProject:{color:e.white},frameLoc:{fontFamily:S.interRegular,fontSize:10,color:e.slate400,marginTop:1},appTag:{backgroundColor:`${e.sky400}26`,paddingHorizontal:5,paddingVertical:2,borderRadius:4},appTagText:{fontFamily:S.interBold,fontSize:8.5,color:e.sky400},rawStackText:{fontFamily:S.interRegular,fontSize:10.5,color:e.slate200,lineHeight:16,backgroundColor:e.slate900,padding:10,borderRadius:8},breadcrumbItem:{flexDirection:"row",alignItems:"center",gap:8,backgroundColor:e.slate900,padding:8,borderRadius:7,borderWidth:1,borderColor:e.slate800},breadcrumbTag:{backgroundColor:`${e.indigo600}20`,paddingHorizontal:5,paddingVertical:2,borderRadius:4},breadcrumbTagText:{fontFamily:S.interBold,fontSize:8.5,color:e.purple400},breadcrumbMsg:{flex:1,fontFamily:S.interRegular,fontSize:11,color:e.slate200},breadcrumbTime:{fontFamily:S.interMedium,fontSize:9.5,color:e.slate400},telemetryCard:{backgroundColor:e.slate850,borderRadius:12,padding:14,borderWidth:1,borderColor:e.slate800,gap:8},telemetryTitle:{fontFamily:S.interBold,fontSize:10,color:e.slate400,letterSpacing:.6},telemetryGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},telemetryPill:{backgroundColor:e.slate900,paddingHorizontal:10,paddingVertical:6,borderRadius:8,borderWidth:1,borderColor:e.slate800},telemetryLabel:{fontFamily:S.interMedium,fontSize:9.5,color:e.slate400},telemetryValue:{fontFamily:S.interBold,fontSize:11,color:e.white,marginTop:2},footer:{flexDirection:"row",padding:14,backgroundColor:e.slate850,borderTopWidth:1,borderTopColor:e.slate800,gap:10,alignItems:"center"},retryBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:e.red600,paddingHorizontal:14,height:42,borderRadius:10},retryBtnText:{fontFamily:S.interBold,fontSize:12.5,color:e.white},inspectorBtn:{flex:1,height:42,borderRadius:10,overflow:"hidden"},inspectorBtnGradient:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingHorizontal:12},inspectorBtnText:{fontFamily:S.interBold,fontSize:12.5,color:e.white},copyBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:e.slate800,borderWidth:1,borderColor:e.slate700,paddingHorizontal:14,height:42,borderRadius:10},copyBtnText:{fontFamily:S.interBold,fontSize:12.5,color:e.slate200}});export default GlobalCrashScreenModal;