react-native-inapp-inspector 2.3.19 → 2.3.21

package/dist/esm/components/ErrorBoundary.js

@@ -1,596 +1,139 @@
-import React, { Component } from 'react';
-import { StyleSheet, Text, View, ScrollView, TouchableOpacity, SafeAreaView, } from 'react-native';
-import { AppColors } from '../styles/AppColors';
-import { AppFonts } from '../styles/AppFonts';
-import { copyToClipboard } from '../helpers';
-import { t } from '../i18n';
-import { WarningTriangleIcon, CopyIcon, RefreshCcwIcon, ClearIcon, CircleAlertIcon, } from './NetworkIcons';
-import { handleInterceptedCrash } from '../customHooks/crashHandler';
-import { CrashType } from '../types/enums';
-import { showNativeFloatingButton, setNativeFloatingButtonBadge, } from '../native/NativeInspector';
-function parseStackTrace(stack) {
-    if (!stack)
-        return { rootFrame: null, frames: [] };
-    const lines = stack.split('\n');
-    const frames = [];
-    for (const line of lines) {
-        if (line.includes('ErrorBoundary') ||
-            line.includes('getDerivedStateFromError') ||
-            line.includes('componentDidCatch') ||
-            line.includes('handleInterceptedCrash')) {
-            continue;
-        }
-        const iosMatch = line.match(/^([^@]*)@(.*):(\d+):(\d+)$/);
-        if (iosMatch) {
-            const [, method, fullPath, lineNum, colNum] = iosMatch;
-            const cleanFile = fullPath.split('?')[0].split('/').pop() || fullPath;
-            const isProject = !fullPath.includes('node_modules') && !fullPath.includes('Libraries/Core');
-            frames.push({
-                method: method.trim() || 'anonymous',
-                file: cleanFile,
-                fullPath: fullPath.split('?')[0],
-                line: lineNum,
-                column: colNum,
-                isProjectFile: isProject,
-            });
-            continue;
-        }
-        const androidMatch = line.match(/^\s*at\s+(.+)\s+\((.+):(\d+):(\d+)\)$/);
-        if (androidMatch) {
-            const [, method, fullPath, lineNum, colNum] = androidMatch;
-            const cleanFile = fullPath.split('?')[0].split('/').pop() || fullPath;
-            const isProject = !fullPath.includes('node_modules') && !fullPath.includes('Libraries/Core');
-            frames.push({
-                method: method.trim(),
-                file: cleanFile,
-                fullPath: fullPath.split('?')[0],
-                line: lineNum,
-                column: colNum,
-                isProjectFile: isProject,
-            });
-            continue;
-        }
-        const androidMatchSimple = line.match(/^\s*at\s+(.+):(\d+):(\d+)$/);
-        if (androidMatchSimple) {
-            const [, fullPath, lineNum, colNum] = androidMatchSimple;
-            const cleanFile = fullPath.split('?')[0].split('/').pop() || fullPath;
-            const isProject = !fullPath.includes('node_modules') && !fullPath.includes('Libraries/Core');
-            frames.push({
-                method: 'anonymous',
-                file: cleanFile,
-                fullPath: fullPath.split('?')[0],
-                line: lineNum,
-                column: colNum,
-                isProjectFile: isProject,
-            });
-        }
-    }
-    const rootFrame = frames.find(f => f.isProjectFile) || frames[0] || null;
-    return { rootFrame, frames };
-}
-export class ErrorBoundary extends Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            hasError: false,
-            error: null,
-        };
-        this.handleReset = () => {
-            this.setState({ hasError: false, error: null });
-            if (this.props.onReset) {
-                this.props.onReset();
-            }
-        };
-        this.handleCopyTrace = () => {
-            const error = this.state.error;
-            if (error) {
-                const { rootFrame } = parseStackTrace(error.stack || '');
-                const detailStr = `─────────────────────────────────────────────────────────────
-IN-APP INSPECTOR • INTERCEPTED CRASH REPORT
-─────────────────────────────────────────────────────────────
-Error: ${error.name || 'Error'}
-Message: ${error.message}
-${rootFrame ? `Location: ${rootFrame.file}:${rootFrame.line}:${rootFrame.column}\nMethod: ${rootFrame.method}\nPath: ${rootFrame.fullPath}` : ''}
+import{Component as v}from"react";import{StyleSheet as _,Text as T,View as C,ScrollView as G,TouchableOpacity as O,SafeAreaView as J}from"react-native";import{AppColors as e}from"../styles/AppColors";import{AppFonts as w}from"../styles/AppFonts";import{copyToClipboard as U}from"../helpers";import{t as S}from"../i18n";import{WarningTriangleIcon as N,CopyIcon as H,RefreshCcwIcon as A,ClearIcon as K,CircleAlertIcon as Q}from"./NetworkIcons";import{handleInterceptedCrash as X}from"../customHooks/crashHandler";import{CrashType as Y}from"../types/enums";import{showNativeFloatingButton as Z,setNativeFloatingButtonBadge as ee}from"../native/NativeInspector";function W(E){if(!E)return{rootFrame:null,frames:[]};const V=E.split(`
+`),B=[];for(const R of V){if(R.includes("ErrorBoundary")||R.includes("getDerivedStateFromError")||R.includes("componentDidCatch")||R.includes("handleInterceptedCrash"))continue;const I=R.match(/^([^@]*)@(.*):(\d+):(\d+)$/);if(I){const[,z,k,$,D]=I,j=k.split("?")[0].split("/").pop()||k,M=!k.includes("node_modules")&&!k.includes("Libraries/Core");B.push({method:z.trim()||"anonymous",file:j,fullPath:k.split("?")[0],line:$,column:D,isProjectFile:M});continue}const L=R.match(/^\s*at\s+(.+)\s+\((.+):(\d+):(\d+)\)$/);if(L){const[,z,k,$,D]=L,j=k.split("?")[0].split("/").pop()||k,M=!k.includes("node_modules")&&!k.includes("Libraries/Core");B.push({method:z.trim(),file:j,fullPath:k.split("?")[0],line:$,column:D,isProjectFile:M});continue}const P=R.match(/^\s*at\s+(.+):(\d+):(\d+)$/);if(P){const[,z,k,$]=P,D=z.split("?")[0].split("/").pop()||z,j=!z.includes("node_modules")&&!z.includes("Libraries/Core");B.push({method:"anonymous",file:D,fullPath:z.split("?")[0],line:k,column:$,isProjectFile:j})}}return{rootFrame:B.find(R=>R.isProjectFile)||B[0]||null,frames:B}}export class ErrorBoundary extends v{constructor(){super(...arguments),this.state={hasError:!1,error:null},this.handleReset=()=>{this.setState({hasError:!1,error:null}),this.props.onReset&&this.props.onReset()},this.handleCopyTrace=()=>{const V=this.state.error;if(V){const{rootFrame:B}=W(V.stack||""),F=`\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+IN-APP INSPECTOR \u2022 INTERCEPTED CRASH REPORT
+\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+Error: ${V.name||"Error"}
+Message: ${V.message}
+${B?`Location: ${B.file}:${B.line}:${B.column}
+Method: ${B.method}
+Path: ${B.fullPath}`:""}
 Timestamp: ${new Date().toISOString()}
 
 Stack Trace:
-${error.stack || 'No stack trace available'}
-─────────────────────────────────────────────────────────────`;
-                copyToClipboard(detailStr, t('errors.errorReport'));
-            }
-        };
-    }
-    static getDerivedStateFromError(error) {
-        return { hasError: true, error };
-    }
-    componentDidCatch(error, errorInfo) {
-        try {
-            const stack = error?.stack || errorInfo?.componentStack || '';
-            handleInterceptedCrash(error, stack, false, CrashType.Render, errorInfo?.componentStack);
-            showNativeFloatingButton();
-            setNativeFloatingButtonBadge(true);
-        }
-        catch { }
-    }
-    render() {
-        const { hasError, error } = this.state;
-        if (!hasError || !error) {
-            return this.props.children;
-        }
-        const { rootFrame, frames } = parseStackTrace(error.stack || '');
-        const errorType = error.name || t('errors.title');
-        const isSyntaxOrType = errorType.includes('Syntax') ||
-            errorType.includes('Type') ||
-            errorType.includes('Reference');
-        if (this.props.fallbackType === 'inline') {
-            return (<View style={styles.inlineContainer}>
-          <View style={styles.inlineHeader}>
-            <WarningTriangleIcon color={AppColors.red600} size={18}/>
-            <View style={{ flex: 1 }}>
-              <Text style={styles.inlineTitle} numberOfLines={1}>
-                {errorType}: {error.message}
-              </Text>
-              {rootFrame && (<Text style={styles.inlineLoc} numberOfLines={1}>
-                  {rootFrame.file}:{rootFrame.line} ({rootFrame.method})
-                </Text>)}
-            </View>
-          </View>
-          <View style={styles.inlineActions}>
-            <TouchableOpacity onPress={this.handleReset} style={styles.inlineBtn} activeOpacity={0.7}>
-              <RefreshCcwIcon size={12} color={AppColors.white}/>
-              <Text style={styles.inlineBtnText}>{t('errors.retry')}</Text>
-            </TouchableOpacity>
-            <TouchableOpacity onPress={this.handleCopyTrace} style={styles.inlineCopyBtn} activeOpacity={0.7}>
-              <CopyIcon size={12} color={AppColors.redErrorText}/>
-              <Text style={styles.inlineCopyBtnText}>{t('errors.copy')}</Text>
-            </TouchableOpacity>
-          </View>
-        </View>);
-        }
-        return (<SafeAreaView style={styles.safeArea}>
-        <View style={styles.container}>
+${V.stack||"No stack trace available"}
+\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`;U(F,S("errors.errorReport"))}}}static getDerivedStateFromError(V){return{hasError:!0,error:V}}componentDidCatch(V,B){try{const F=V?.stack||B?.componentStack||"";X(V,F,!1,Y.Render,B?.componentStack),Z(),ee(!0)}catch{}}render(){const{hasError:V,error:B}=this.state;if(!V||!B)return this.props.children;const{rootFrame:F,frames:R}=W(B.stack||""),I=B.name||S("errors.title"),L=I.includes("Syntax")||I.includes("Type")||I.includes("Reference");return this.props.fallbackType==="inline"?<C style={t.inlineContainer}>
+          <C style={t.inlineHeader}>
+            <N color={e.red600}size={18}/>
+            <C style={{flex:1}}>
+              <T style={t.inlineTitle}numberOfLines={1}>
+                {I}: {B.message}
+              </T>
+              {F&&<T style={t.inlineLoc}numberOfLines={1}>
+                  {F.file}:{F.line} ({F.method})
+                </T>}
+            </C>
+          </C>
+          <C style={t.inlineActions}>
+            <O onPress={this.handleReset}style={t.inlineBtn}activeOpacity={.7}>
+              <A size={12}color={e.white}/>
+              <T style={t.inlineBtnText}>{S("errors.retry")}</T>
+            </O>
+            <O onPress={this.handleCopyTrace}style={t.inlineCopyBtn}activeOpacity={.7}>
+              <H size={12}color={e.redErrorText}/>
+              <T style={t.inlineCopyBtnText}>{S("errors.copy")}</T>
+            </O>
+          </C>
+        </C>:<J style={t.safeArea}>
+        <C style={t.container}>
           
-          <View style={styles.header}>
-            <View style={styles.iconGlowWrap}>
-              <WarningTriangleIcon color={AppColors.red500} size={28}/>
-            </View>
-            <View style={{ flex: 1 }}>
-              <View style={styles.badgeRow}>
-                <View style={styles.crashBadge}>
-                  <Text style={styles.crashBadgeText}>
-                    {isSyntaxOrType ? `JS ${errorType.toUpperCase()}` : t('errors.crashIntercepted')}
-                  </Text>
-                </View>
-                <View style={styles.shieldBadge}>
-                  <Text style={styles.shieldBadgeText}>{t('errors.protected')}</Text>
-                </View>
-              </View>
-              <Text style={styles.title}>{t('errors.rootCauseTitle')}</Text>
-              <Text style={styles.subtitle}>{t('errors.rootCauseSubtitle')}</Text>
-            </View>
-            {this.props.onClose && (<TouchableOpacity onPress={this.props.onClose} style={styles.closeIconBtn} activeOpacity={0.7}>
-                <ClearIcon size={16} color={AppColors.slate400}/>
-              </TouchableOpacity>)}
-          </View>
+          <C style={t.header}>
+            <C style={t.iconGlowWrap}>
+              <N color={e.red500}size={28}/>
+            </C>
+            <C style={{flex:1}}>
+              <C style={t.badgeRow}>
+                <C style={t.crashBadge}>
+                  <T style={t.crashBadgeText}>
+                    {L?`JS ${I.toUpperCase()}`:S("errors.crashIntercepted")}
+                  </T>
+                </C>
+                <C style={t.shieldBadge}>
+                  <T style={t.shieldBadgeText}>{S("errors.protected")}</T>
+                </C>
+              </C>
+              <T style={t.title}>{S("errors.rootCauseTitle")}</T>
+              <T style={t.subtitle}>{S("errors.rootCauseSubtitle")}</T>
+            </C>
+            {this.props.onClose&&<O onPress={this.props.onClose}style={t.closeIconBtn}activeOpacity={.7}>
+                <K size={16}color={e.slate400}/>
+              </O>}
+          </C>
 
-          <ScrollView style={styles.scrollArea} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>
+          <G style={t.scrollArea}contentContainerStyle={t.scrollContent}showsVerticalScrollIndicator={!1}>
             
-            <View style={styles.errorBox}>
-              <View style={styles.errorBoxHeader}>
-                <CircleAlertIcon size={14} color={AppColors.red500}/>
-                <Text style={styles.errorBoxTitle}>{errorType}</Text>
-              </View>
-              <Text style={styles.errorMessage}>{error.message}</Text>
-            </View>
+            <C style={t.errorBox}>
+              <C style={t.errorBoxHeader}>
+                <Q size={14}color={e.red500}/>
+                <T style={t.errorBoxTitle}>{I}</T>
+              </C>
+              <T style={t.errorMessage}>{B.message}</T>
+            </C>
 
             
-            {rootFrame && (<View style={styles.locationCard}>
-                <Text style={styles.cardHeaderTitle}>{t('errors.exactLocation')}</Text>
-                <View style={styles.locRow}>
-                  <Text style={styles.locLabel}>{t('errors.file')}</Text>
-                  <Text style={styles.locValFile} numberOfLines={1}>
-                    {rootFrame.file}
-                  </Text>
-                </View>
-                <View style={styles.locRow}>
-                  <Text style={styles.locLabel}>{t('errors.lineCol')}</Text>
-                  <Text style={styles.locValNum}>
-                    {t('errors.lineColVal', { line: rootFrame.line, col: rootFrame.column })}
-                  </Text>
-                </View>
-                <View style={styles.locRow}>
-                  <Text style={styles.locLabel}>{t('errors.function')}</Text>
-                  <Text style={styles.locValMethod}>{rootFrame.method}()</Text>
-                </View>
-                {rootFrame.fullPath ? (<Text style={styles.fullPathText} numberOfLines={2}>
-                    {rootFrame.fullPath}
-                  </Text>) : null}
-              </View>)}
+            {F&&<C style={t.locationCard}>
+                <T style={t.cardHeaderTitle}>{S("errors.exactLocation")}</T>
+                <C style={t.locRow}>
+                  <T style={t.locLabel}>{S("errors.file")}</T>
+                  <T style={t.locValFile}numberOfLines={1}>
+                    {F.file}
+                  </T>
+                </C>
+                <C style={t.locRow}>
+                  <T style={t.locLabel}>{S("errors.lineCol")}</T>
+                  <T style={t.locValNum}>
+                    {S("errors.lineColVal",{line:F.line,col:F.column})}
+                  </T>
+                </C>
+                <C style={t.locRow}>
+                  <T style={t.locLabel}>{S("errors.function")}</T>
+                  <T style={t.locValMethod}>{F.method}()</T>
+                </C>
+                {F.fullPath?<T style={t.fullPathText}numberOfLines={2}>
+                    {F.fullPath}
+                  </T>:null}
+              </C>}
 
             
-            <View style={styles.stackCard}>
-              <View style={styles.stackCardHeader}>
-                <Text style={styles.cardHeaderTitle}>{t('errors.callStack')}</Text>
-                <Text style={styles.frameCountText}>
-                  {t('errors.framesCount', { count: frames.length })}
-                </Text>
-              </View>
+            <C style={t.stackCard}>
+              <C style={t.stackCardHeader}>
+                <T style={t.cardHeaderTitle}>{S("errors.callStack")}</T>
+                <T style={t.frameCountText}>
+                  {S("errors.framesCount",{count:R.length})}
+                </T>
+              </C>
 
-              {frames.slice(0, 8).map((frame, idx) => (<View key={idx} style={[
-                    styles.frameItem,
-                    frame.isProjectFile && styles.frameItemProject,
-                ]}>
-                  <View style={styles.frameNumBadge}>
-                    <Text style={[
-                    styles.frameNumText,
-                    frame.isProjectFile && { color: AppColors.sky400 },
-                ]}>
-                      #{idx + 1}
-                    </Text>
-                  </View>
-                  <View style={{ flex: 1 }}>
-                    <Text style={[
-                    styles.frameMethod,
-                    frame.isProjectFile && styles.frameMethodProject,
-                ]} numberOfLines={1}>
-                      {frame.method}
-                    </Text>
-                    <Text style={styles.frameLoc} numberOfLines={1}>
-                      {frame.file}:{frame.line}:{frame.column}
-                    </Text>
-                  </View>
-                  {frame.isProjectFile && (<View style={styles.appTag}>
-                      <Text style={styles.appTagText}>{t('errors.appTag')}</Text>
-                    </View>)}
-                </View>))}
-            </View>
-          </ScrollView>
+              {R.slice(0,8).map((P,z)=><C key={z}style={[t.frameItem,P.isProjectFile&&t.frameItemProject]}>
+                  <C style={t.frameNumBadge}>
+                    <T style={[t.frameNumText,P.isProjectFile&&{color:e.sky400}]}>
+                      #{z+1}
+                    </T>
+                  </C>
+                  <C style={{flex:1}}>
+                    <T style={[t.frameMethod,P.isProjectFile&&t.frameMethodProject]}numberOfLines={1}>
+                      {P.method}
+                    </T>
+                    <T style={t.frameLoc}numberOfLines={1}>
+                      {P.file}:{P.line}:{P.column}
+                    </T>
+                  </C>
+                  {P.isProjectFile&&<C style={t.appTag}>
+                      <T style={t.appTagText}>{S("errors.appTag")}</T>
+                    </C>}
+                </C>)}
+            </C>
+          </G>
 
           
-          <View style={styles.footer}>
-            <TouchableOpacity onPress={this.handleReset} style={styles.retryBtn} activeOpacity={0.8}>
-              <RefreshCcwIcon size={16} color={AppColors.white}/>
-              <Text style={styles.retryBtnText}>{t('errors.tryAgainRecover')}</Text>
-            </TouchableOpacity>
+          <C style={t.footer}>
+            <O onPress={this.handleReset}style={t.retryBtn}activeOpacity={.8}>
+              <A size={16}color={e.white}/>
+              <T style={t.retryBtnText}>{S("errors.tryAgainRecover")}</T>
+            </O>
 
-            <TouchableOpacity onPress={this.handleCopyTrace} style={styles.copyBtn} activeOpacity={0.8}>
-              <CopyIcon size={16} color={AppColors.slate900}/>
-              <Text style={styles.copyBtnText}>{t('errors.copyDiagnostics')}</Text>
-            </TouchableOpacity>
-          </View>
-        </View>
-      </SafeAreaView>);
-    }
-}
-const styles = StyleSheet.create({
-    safeArea: {
-        flex: 1,
-        backgroundColor: AppColors.slate850,
-    },
-    container: {
-        flex: 1,
-        backgroundColor: AppColors.slate850,
-    },
-    header: {
-        flexDirection: 'row',
-        alignItems: 'flex-start',
-        paddingHorizontal: 16,
-        paddingTop: 14,
-        paddingBottom: 12,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors.slate800,
-        gap: 12,
-    },
-    iconGlowWrap: {
-        width: 44,
-        height: 44,
-        borderRadius: 12,
-        backgroundColor: `${AppColors.red500}26`,
-        borderWidth: 1,
-        borderColor: `${AppColors.red500}59`,
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginTop: 2,
-    },
-    badgeRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        marginBottom: 4,
-    },
-    crashBadge: {
-        backgroundColor: `${AppColors.red500}33`,
-        paddingHorizontal: 7,
-        paddingVertical: 2,
-        borderRadius: 4,
-        borderWidth: 1,
-        borderColor: `${AppColors.red500}66`,
-    },
-    crashBadgeText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors.red500,
-        letterSpacing: 0.5,
-    },
-    shieldBadge: {
-        backgroundColor: `${AppColors.emerald500}26`,
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-        borderWidth: 1,
-        borderColor: `${AppColors.emerald500}4D`,
-    },
-    shieldBadgeText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors.emerald500,
-        letterSpacing: 0.5,
-    },
-    title: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 16,
-        color: AppColors.white,
-        letterSpacing: -0.2,
-    },
-    subtitle: {
-        fontFamily: AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors.slate400,
-        marginTop: 1,
-    },
-    closeIconBtn: {
-        padding: 6,
-        borderRadius: 8,
-        backgroundColor: AppColors.slate800,
-    },
-    scrollArea: {
-        flex: 1,
-    },
-    scrollContent: {
-        padding: 16,
-        gap: 12,
-    },
-    errorBox: {
-        backgroundColor: `${AppColors.red500}1A`,
-        borderRadius: 12,
-        borderWidth: 1,
-        borderColor: `${AppColors.red500}40`,
-        padding: 14,
-        gap: 6,
-    },
-    errorBoxHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-    },
-    errorBoxTitle: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors.red500,
-        letterSpacing: 0.3,
-    },
-    errorMessage: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 13.5,
-        color: AppColors.red100,
-        lineHeight: 19,
-    },
-    locationCard: {
-        backgroundColor: AppColors.slate800,
-        borderRadius: 12,
-        padding: 14,
-        borderWidth: 1,
-        borderColor: AppColors.slate700,
-        gap: 8,
-    },
-    cardHeaderTitle: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 10.5,
-        color: AppColors.slate400,
-        letterSpacing: 0.8,
-    },
-    locRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        gap: 8,
-    },
-    locLabel: {
-        fontFamily: AppFonts.interMedium,
-        fontSize: 12,
-        color: AppColors.slate400,
-        minWidth: 80,
-    },
-    locValFile: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors.sky400,
-        flex: 1,
-        textAlign: 'right',
-    },
-    locValNum: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors.white,
-    },
-    locValMethod: {
-        fontFamily: AppFonts.interMedium,
-        fontSize: 12,
-        color: AppColors.purple400,
-    },
-    fullPathText: {
-        fontFamily: AppFonts.interRegular,
-        fontSize: 10,
-        color: AppColors.slate500,
-        marginTop: 2,
-        paddingTop: 6,
-        borderTopWidth: 1,
-        borderTopColor: AppColors.slate700,
-    },
-    stackCard: {
-        backgroundColor: AppColors.slate800,
-        borderRadius: 12,
-        padding: 14,
-        borderWidth: 1,
-        borderColor: AppColors.slate700,
-        gap: 8,
-    },
-    stackCardHeader: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 4,
-    },
-    frameCountText: {
-        fontFamily: AppFonts.interMedium,
-        fontSize: 10.5,
-        color: AppColors.slate400,
-    },
-    frameItem: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors.slate850,
-        padding: 10,
-        borderRadius: 8,
-        gap: 10,
-        borderWidth: 1,
-        borderColor: AppColors.slate800,
-    },
-    frameItemProject: {
-        borderColor: `${AppColors.sky400}4D`,
-        backgroundColor: `${AppColors.sky400}0D`,
-    },
-    frameNumBadge: {
-        width: 24,
-        alignItems: 'center',
-    },
-    frameNumText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 10.5,
-        color: AppColors.slate500,
-    },
-    frameMethod: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 11.5,
-        color: AppColors.slate200,
-    },
-    frameMethodProject: {
-        color: AppColors.white,
-    },
-    frameLoc: {
-        fontFamily: AppFonts.interRegular,
-        fontSize: 10,
-        color: AppColors.slate400,
-        marginTop: 1,
-    },
-    appTag: {
-        backgroundColor: `${AppColors.sky400}33`,
-        paddingHorizontal: 5,
-        paddingVertical: 2,
-        borderRadius: 4,
-    },
-    appTagText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 8.5,
-        color: AppColors.sky400,
-    },
-    footer: {
-        flexDirection: 'row',
-        padding: 14,
-        backgroundColor: AppColors.slate800,
-        borderTopWidth: 1,
-        borderTopColor: AppColors.slate700,
-        gap: 10,
-    },
-    retryBtn: {
-        flex: 1.2,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 8,
-        backgroundColor: AppColors.purple,
-        height: 44,
-        borderRadius: 10,
-    },
-    retryBtnText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 13,
-        color: AppColors.white,
-    },
-    copyBtn: {
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 8,
-        backgroundColor: AppColors.slate100,
-        height: 44,
-        borderRadius: 10,
-    },
-    copyBtnText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 13,
-        color: AppColors.slate900,
-    },
-    inlineContainer: {
-        padding: 12,
-        backgroundColor: AppColors.red50,
-        borderWidth: 1,
-        borderColor: AppColors.errorBorder,
-        borderRadius: 10,
-        margin: 8,
-        gap: 10,
-    },
-    inlineHeader: {
-        flexDirection: 'row',
-        alignItems: 'flex-start',
-        gap: 10,
-    },
-    inlineTitle: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors.red600,
-    },
-    inlineLoc: {
-        fontFamily: AppFonts.interMedium,
-        fontSize: 10.5,
-        color: AppColors.redErrorText,
-        marginTop: 2,
-    },
-    inlineActions: {
-        flexDirection: 'row',
-        gap: 8,
-        justifyContent: 'flex-end',
-    },
-    inlineBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: AppColors.red600,
-        paddingHorizontal: 10,
-        paddingVertical: 5,
-        borderRadius: 6,
-    },
-    inlineBtnText: {
-        fontFamily: AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors.white,
-    },
-    inlineCopyBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: AppColors.red100,
-        borderWidth: 1,
-        borderColor: AppColors.errorBorder,
-        paddingHorizontal: 10,
-        paddingVertical: 5,
-        borderRadius: 6,
-    },
-    inlineCopyBtnText: {
-        fontFamily: AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors.redErrorText,
-    },
-});
-export default ErrorBoundary;
+            <O onPress={this.handleCopyTrace}style={t.copyBtn}activeOpacity={.8}>
+              <H size={16}color={e.slate900}/>
+              <T style={t.copyBtnText}>{S("errors.copyDiagnostics")}</T>
+            </O>
+          </C>
+        </C>
+      </J>}}const t=_.create({safeArea:{flex:1,backgroundColor:e.slate850},container:{flex:1,backgroundColor:e.slate850},header:{flexDirection:"row",alignItems:"flex-start",paddingHorizontal:16,paddingTop:14,paddingBottom:12,borderBottomWidth:1,borderBottomColor:e.slate800,gap:12},iconGlowWrap:{width:44,height:44,borderRadius:12,backgroundColor:`${e.red500}26`,borderWidth:1,borderColor:`${e.red500}59`,alignItems:"center",justifyContent:"center",marginTop:2},badgeRow:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:4},crashBadge:{backgroundColor:`${e.red500}33`,paddingHorizontal:7,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:`${e.red500}66`},crashBadgeText:{fontFamily:w.interBold,fontSize:9.5,color:e.red500,letterSpacing:.5},shieldBadge:{backgroundColor:`${e.emerald500}26`,paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:`${e.emerald500}4D`},shieldBadgeText:{fontFamily:w.interBold,fontSize:9,color:e.emerald500,letterSpacing:.5},title:{fontFamily:w.interBold,fontSize:16,color:e.white,letterSpacing:-.2},subtitle:{fontFamily:w.interRegular,fontSize:11,color:e.slate400,marginTop:1},closeIconBtn:{padding:6,borderRadius:8,backgroundColor:e.slate800},scrollArea:{flex:1},scrollContent:{padding:16,gap:12},errorBox:{backgroundColor:`${e.red500}1A`,borderRadius:12,borderWidth:1,borderColor:`${e.red500}40`,padding:14,gap:6},errorBoxHeader:{flexDirection:"row",alignItems:"center",gap:6},errorBoxTitle:{fontFamily:w.interBold,fontSize:12,color:e.red500,letterSpacing:.3},errorMessage:{fontFamily:w.interBold,fontSize:13.5,color:e.red100,lineHeight:19},locationCard:{backgroundColor:e.slate800,borderRadius:12,padding:14,borderWidth:1,borderColor:e.slate700,gap:8},cardHeaderTitle:{fontFamily:w.interBold,fontSize:10.5,color:e.slate400,letterSpacing:.8},locRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8},locLabel:{fontFamily:w.interMedium,fontSize:12,color:e.slate400,minWidth:80},locValFile:{fontFamily:w.interBold,fontSize:12.5,color:e.sky400,flex:1,textAlign:"right"},locValNum:{fontFamily:w.interBold,fontSize:12,color:e.white},locValMethod:{fontFamily:w.interMedium,fontSize:12,color:e.purple400},fullPathText:{fontFamily:w.interRegular,fontSize:10,color:e.slate500,marginTop:2,paddingTop:6,borderTopWidth:1,borderTopColor:e.slate700},stackCard:{backgroundColor:e.slate800,borderRadius:12,padding:14,borderWidth:1,borderColor:e.slate700,gap:8},stackCardHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:4},frameCountText:{fontFamily:w.interMedium,fontSize:10.5,color:e.slate400},frameItem:{flexDirection:"row",alignItems:"center",backgroundColor:e.slate850,padding:10,borderRadius:8,gap:10,borderWidth:1,borderColor:e.slate800},frameItemProject:{borderColor:`${e.sky400}4D`,backgroundColor:`${e.sky400}0D`},frameNumBadge:{width:24,alignItems:"center"},frameNumText:{fontFamily:w.interBold,fontSize:10.5,color:e.slate500},frameMethod:{fontFamily:w.interBold,fontSize:11.5,color:e.slate200},frameMethodProject:{color:e.white},frameLoc:{fontFamily:w.interRegular,fontSize:10,color:e.slate400,marginTop:1},appTag:{backgroundColor:`${e.sky400}33`,paddingHorizontal:5,paddingVertical:2,borderRadius:4},appTagText:{fontFamily:w.interBold,fontSize:8.5,color:e.sky400},footer:{flexDirection:"row",padding:14,backgroundColor:e.slate800,borderTopWidth:1,borderTopColor:e.slate700,gap:10},retryBtn:{flex:1.2,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,backgroundColor:e.purple,height:44,borderRadius:10},retryBtnText:{fontFamily:w.interBold,fontSize:13,color:e.white},copyBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,backgroundColor:e.slate100,height:44,borderRadius:10},copyBtnText:{fontFamily:w.interBold,fontSize:13,color:e.slate900},inlineContainer:{padding:12,backgroundColor:e.red50,borderWidth:1,borderColor:e.errorBorder,borderRadius:10,margin:8,gap:10},inlineHeader:{flexDirection:"row",alignItems:"flex-start",gap:10},inlineTitle:{fontFamily:w.interBold,fontSize:12,color:e.red600},inlineLoc:{fontFamily:w.interMedium,fontSize:10.5,color:e.redErrorText,marginTop:2},inlineActions:{flexDirection:"row",gap:8,justifyContent:"flex-end"},inlineBtn:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.red600,paddingHorizontal:10,paddingVertical:5,borderRadius:6},inlineBtnText:{fontFamily:w.interBold,fontSize:11,color:e.white},inlineCopyBtn:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.red100,borderWidth:1,borderColor:e.errorBorder,paddingHorizontal:10,paddingVertical:5,borderRadius:6},inlineCopyBtnText:{fontFamily:w.interMedium,fontSize:11,color:e.redErrorText}});export default ErrorBoundary;