react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/commonjs/components/Inspector/CrashDetail.js

@@ -1,832 +1,283 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const i18n_1 = require("../../i18n");
-const InspectorContext_1 = require("./InspectorContext");
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const SegmentedTabs_1 = __importDefault(require("../SegmentedTabs"));
-const HighlightText_1 = __importDefault(require("../HighlightText"));
-const JsonViewer_1 = __importDefault(require("../JsonViewer"));
-const CopyButton_1 = __importDefault(require("../CopyButton"));
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const crashHandler_1 = require("../../customHooks/crashHandler");
-const helpers_1 = require("../../helpers");
-const NetworkIcons_1 = require("../NetworkIcons");
-const CrashDetail = react_1.default.memo(() => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const { selectedCrash } = (0, InspectorContext_1.useInspector)();
-    const [activeSubTab, setActiveSubTab] = (0, react_1.useState)('stack');
-    const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
-    const [stackFilter, setStackFilter] = (0, react_1.useState)('app');
-    const [copiedSuccess, setCopiedSuccess] = (0, react_1.useState)(false);
-    const [copiedFrameIndex, setCopiedFrameIndex] = (0, react_1.useState)(null);
-    if (!selectedCrash)
-        return null;
-    const stackFrames = (0, react_1.useMemo)(() => {
-        if (selectedCrash.parsedStack && selectedCrash.parsedStack.length > 0) {
-            return selectedCrash.parsedStack;
-        }
-        if (selectedCrash.stack) {
-            return (0, crashHandler_1.parseCrashStackTrace)(selectedCrash.stack);
-        }
-        return [];
-    }, [selectedCrash]);
-    const rawCrashData = (0, react_1.useMemo)(() => {
-        try {
-            return JSON.parse(JSON.stringify(selectedCrash));
-        }
-        catch {
-            return selectedCrash;
-        }
-    }, [selectedCrash]);
-    const appStackFrames = (0, react_1.useMemo)(() => {
-        return stackFrames.filter(f => f.isAppCode);
-    }, [stackFrames]);
-    const displayedFrames = (0, react_1.useMemo)(() => {
-        if (stackFilter === 'app' && appStackFrames.length > 0) {
-            return appStackFrames;
-        }
-        return stackFrames;
-    }, [stackFilter, appStackFrames, stackFrames]);
-    const originFrame = (0, react_1.useMemo)(() => {
-        return appStackFrames[0] || stackFrames[0] || null;
-    }, [appStackFrames, stackFrames]);
-    const handleCopyReport = () => {
-        const report = (0, crashHandler_1.exportCrashReport)(selectedCrash);
-        (0, helpers_1.copyToClipboard)(report, 'Crash Report');
-        setCopiedSuccess(true);
-        setTimeout(() => setCopiedSuccess(false), 2000);
-    };
-    const handleCopyFrame = (frame, index) => {
-        const text = frame.raw || `${frame.method}@${frame.file}:${frame.lineNumber}:${frame.column}`;
-        (0, helpers_1.copyToClipboard)(text, 'Stack Frame');
-        setCopiedFrameIndex(index);
-        setTimeout(() => setCopiedFrameIndex(null), 1500);
-    };
-    const tabsConfig = [
-        {
-            key: 'stack',
-            label: t('crash.tabStack', { count: stackFrames.length }),
-            icon: (isActive) => (<NetworkIcons_1.StackTraceIcon size={12} color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText}/>),
-        },
-        {
-            key: 'diagnostics',
-            label: t('crash.tabDiagnostics'),
-            icon: (isActive) => (<NetworkIcons_1.DiagnosticsIcon size={12} color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText}/>),
-        },
-        {
-            key: 'breadcrumbs',
-            label: t('crash.tabTrail', { count: selectedCrash.breadcrumbs?.length || 0 }),
-            icon: (isActive) => (<NetworkIcons_1.TrailIcon size={12} color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText}/>),
-        },
-        {
-            key: 'raw',
-            label: t('crash.tabRawJson'),
-            icon: (isActive) => (<NetworkIcons_1.RawJsonIcon size={12} color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText}/>),
-        },
-    ];
-    return (<react_native_1.View style={{ flex: 1, backgroundColor: AppColors_1.AppColors.grayBackground }}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,i){i===void 0&&(i=a);var o=Object.getOwnPropertyDescriptor(e,a);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,i,o)}):(function(t,e,a,i){i===void 0&&(i=a),t[i]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var i=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(i[i.length]=o);return i},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var i=t(e),o=0;o<i.length;o++)i[o]!=="default"&&__createBinding(a,e,i[o]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),HighlightText_1=__importDefault(require("../HighlightText")),JsonViewer_1=__importDefault(require("../JsonViewer")),CopyButton_1=__importDefault(require("../CopyButton")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),crashHandler_1=require("../../customHooks/crashHandler"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),CrashDetail=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{selectedCrash:e}=(0,InspectorContext_1.useInspector)(),[a,i]=(0,react_1.useState)("stack"),[o,g]=(0,react_1.useState)(""),[n,C]=(0,react_1.useState)("app"),[p,y]=(0,react_1.useState)(!1),[m,_]=(0,react_1.useState)(null);if(!e)return null;const s=(0,react_1.useMemo)(()=>e.parsedStack&&e.parsedStack.length>0?e.parsedStack:e.stack?(0,crashHandler_1.parseCrashStackTrace)(e.stack):[],[e]),T=(0,react_1.useMemo)(()=>{try{return JSON.parse(JSON.stringify(e))}catch{return e}},[e]),c=(0,react_1.useMemo)(()=>s.filter(r=>r.isAppCode),[s]),f=(0,react_1.useMemo)(()=>n==="app"&&c.length>0?c:s,[n,c,s]),d=(0,react_1.useMemo)(()=>c[0]||s[0]||null,[c,s]),h=()=>{const r=(0,crashHandler_1.exportCrashReport)(e);(0,helpers_1.copyToClipboard)(r,"Crash Report"),y(!0),setTimeout(()=>y(!1),2e3)},x=(r,l)=>{const u=r.raw||`${r.method}@${r.file}:${r.lineNumber}:${r.column}`;(0,helpers_1.copyToClipboard)(u,"Stack Frame"),_(l),setTimeout(()=>_(null),1500)},b=[{key:"stack",label:t("crash.tabStack",{count:s.length}),icon:r=><NetworkIcons_1.StackTraceIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"diagnostics",label:t("crash.tabDiagnostics"),icon:r=><NetworkIcons_1.DiagnosticsIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"breadcrumbs",label:t("crash.tabTrail",{count:e.breadcrumbs?.length||0}),icon:r=><NetworkIcons_1.TrailIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"raw",label:t("crash.tabRawJson"),icon:r=><NetworkIcons_1.RawJsonIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>}];return<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       
-      <react_native_1.View style={{ paddingHorizontal: 8, paddingTop: 6 }}>
+      <react_native_1.View style={{paddingHorizontal:8,paddingTop:6}}>
         <react_native_1.View style={localStyles.infoBar}>
           
           <react_native_1.View style={localStyles.badgeRow}>
             
-            <react_native_1.View style={[
-            localStyles.pillBadge,
-            {
-                backgroundColor: selectedCrash.isFatal
-                    ? AppColors_1.AppColors.errorCardBg
-                    : AppColors_1.AppColors.amberBg,
-                borderColor: selectedCrash.isFatal
-                    ? AppColors_1.AppColors.errorBorder
-                    : AppColors_1.AppColors.amberWarmBorder,
-            },
-        ]}>
-              <react_native_1.View style={[
-            localStyles.statusDot,
-            {
-                backgroundColor: selectedCrash.isFatal
-                    ? AppColors_1.AppColors.red600
-                    : AppColors_1.AppColors.amber600,
-            },
-        ]}/>
-              <react_native_1.Text style={[
-            localStyles.pillBadgeText,
-            {
-                color: selectedCrash.isFatal
-                    ? AppColors_1.AppColors.redErrorText
-                    : AppColors_1.AppColors.amberWarmText,
-            },
-        ]}>
-                {selectedCrash.isFatal ? t('crash.fatalCrash') : t('crash.handledException')}
+            <react_native_1.View style={[localStyles.pillBadge,{backgroundColor:e.isFatal?AppColors_1.AppColors.errorCardBg:AppColors_1.AppColors.amberBg,borderColor:e.isFatal?AppColors_1.AppColors.errorBorder:AppColors_1.AppColors.amberWarmBorder}]}>
+              <react_native_1.View style={[localStyles.statusDot,{backgroundColor:e.isFatal?AppColors_1.AppColors.red600:AppColors_1.AppColors.amber600}]}/>
+              <react_native_1.Text style={[localStyles.pillBadgeText,{color:e.isFatal?AppColors_1.AppColors.redErrorText:AppColors_1.AppColors.amberWarmText}]}>
+                {e.isFatal?t("crash.fatalCrash"):t("crash.handledException")}
               </react_native_1.Text>
             </react_native_1.View>
 
             
-            <react_native_1.View style={[
-            localStyles.pillBadge,
-            {
-                backgroundColor: AppColors_1.AppColors.violetSoftBg,
-                borderColor: AppColors_1.AppColors.violetSoftBorder,
-            },
-        ]}>
-              <react_native_1.Text style={[localStyles.pillBadgeText, { color: AppColors_1.AppColors.purple700 }]}>
-                {selectedCrash.type.toUpperCase()}
+            <react_native_1.View style={[localStyles.pillBadge,{backgroundColor:AppColors_1.AppColors.violetSoftBg,borderColor:AppColors_1.AppColors.violetSoftBorder}]}>
+              <react_native_1.Text style={[localStyles.pillBadgeText,{color:AppColors_1.AppColors.purple700}]}>
+                {e.type.toUpperCase()}
               </react_native_1.Text>
             </react_native_1.View>
 
-            <react_native_1.View style={{ flex: 1 }}/>
+            <react_native_1.View style={{flex:1}}/>
 
             
-            <TouchableScale_1.default onPress={handleCopyReport} hitSlop={10} style={[
-            localStyles.actionButton,
-            copiedSuccess && { backgroundColor: AppColors_1.AppColors.mintGreenBg, borderColor: AppColors_1.AppColors.mintGreenBorder },
-        ]}>
-              {copiedSuccess ? (<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.mintGreenText} size={12}/>) : (<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.purple} size={12}/>)}
-              <react_native_1.Text style={[
-            localStyles.actionButtonText,
-            copiedSuccess && { color: AppColors_1.AppColors.mintGreenText },
-        ]}>
-                {copiedSuccess ? t('crash.copied') : t('crash.copyReport')}
+            <TouchableScale_1.default onPress={h}hitSlop={10}style={[localStyles.actionButton,p&&{backgroundColor:AppColors_1.AppColors.mintGreenBg,borderColor:AppColors_1.AppColors.mintGreenBorder}]}>
+              {p?<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.mintGreenText}size={12}/>:<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.purple}size={12}/>}
+              <react_native_1.Text style={[localStyles.actionButtonText,p&&{color:AppColors_1.AppColors.mintGreenText}]}>
+                {t(p?"crash.copied":"crash.copyReport")}
               </react_native_1.Text>
             </TouchableScale_1.default>
           </react_native_1.View>
 
           
           <react_native_1.Text style={localStyles.titleText}>
-            {selectedCrash.message}
+            {e.message}
           </react_native_1.Text>
 
           
-          <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={localStyles.metaRow}>
-            {originFrame && (<react_native_1.View style={localStyles.metaChip}>
-                <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.grayText} size={11}/>
-                <react_native_1.Text style={localStyles.metaChipText} numberOfLines={2}>
-                  {originFrame.file}:{originFrame.lineNumber}
+          <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={localStyles.metaRow}>
+            {d&&<react_native_1.View style={localStyles.metaChip}>
+                <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.grayText}size={11}/>
+                <react_native_1.Text style={localStyles.metaChipText}numberOfLines={2}>
+                  {d.file}:{d.lineNumber}
                 </react_native_1.Text>
-              </react_native_1.View>)}
+              </react_native_1.View>}
 
             <react_native_1.View style={localStyles.metaChip}>
-              <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayText} size={11}/>
+              <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayText}size={11}/>
               <react_native_1.Text style={localStyles.metaChipText}>
-                {selectedCrash.timeStr || new Date(selectedCrash.timestamp).toLocaleTimeString()}
+                {e.timeStr||new Date(e.timestamp).toLocaleTimeString()}
               </react_native_1.Text>
             </react_native_1.View>
 
-            {selectedCrash.deviceInfo?.platform && (<react_native_1.View style={localStyles.metaChip}>
-                {selectedCrash.deviceInfo.platform === 'ios' ? (<NetworkIcons_1.AppleIcon color={AppColors_1.AppColors.grayText} size={11}/>) : (<NetworkIcons_1.AndroidIcon color={AppColors_1.AppColors.grayText} size={11}/>)}
+            {e.deviceInfo?.platform&&<react_native_1.View style={localStyles.metaChip}>
+                {e.deviceInfo.platform==="ios"?<NetworkIcons_1.AppleIcon color={AppColors_1.AppColors.grayText}size={11}/>:<NetworkIcons_1.AndroidIcon color={AppColors_1.AppColors.grayText}size={11}/>}
                 <react_native_1.Text style={localStyles.metaChipText}>
-                  {selectedCrash.deviceInfo.platform.toUpperCase()} {selectedCrash.deviceInfo.osVersion}
+                  {e.deviceInfo.platform.toUpperCase()} {e.deviceInfo.osVersion}
                 </react_native_1.Text>
-              </react_native_1.View>)}
+              </react_native_1.View>}
           </react_native_1.ScrollView>
         </react_native_1.View>
       </react_native_1.View>
 
       
-      <react_native_1.View style={{ paddingHorizontal: 8, paddingTop: 6, paddingBottom: 4 }}>
-        <SegmentedTabs_1.default tabs={tabsConfig} activeKey={activeSubTab} onChange={tab => setActiveSubTab(tab)}/>
+      <react_native_1.View style={{paddingHorizontal:8,paddingTop:6,paddingBottom:4}}>
+        <SegmentedTabs_1.default tabs={b}activeKey={a}onChange={r=>i(r)}/>
       </react_native_1.View>
 
       
-      {(activeSubTab === 'stack' || activeSubTab === 'raw') && (<react_native_1.View style={{ paddingHorizontal: 12, paddingBottom: 6 }}>
+      {(a==="stack"||a==="raw")&&<react_native_1.View style={{paddingHorizontal:12,paddingBottom:6}}>
           <react_native_1.View style={localStyles.searchContainer}>
-            <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayText} size={14}/>
-            <react_native_1.TextInput style={localStyles.searchInput} placeholder={t('crash.searchDetailPlaceholder')} placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={searchQuery} onChangeText={setSearchQuery} autoCapitalize="none" autoCorrect={false}/>
-            {searchQuery.length > 0 && (<TouchableScale_1.default onPress={() => setSearchQuery('')} hitSlop={10}>
-                <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayText} size={13}/>
-              </TouchableScale_1.default>)}
+            <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayText}size={14}/>
+            <react_native_1.TextInput style={localStyles.searchInput}placeholder={t("crash.searchDetailPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={g}autoCapitalize="none"autoCorrect={!1}/>
+            {o.length>0&&<TouchableScale_1.default onPress={()=>g("")}hitSlop={10}>
+                <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayText}size={13}/>
+              </TouchableScale_1.default>}
           </react_native_1.View>
-        </react_native_1.View>)}
+        </react_native_1.View>}
 
       
-      <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 12, paddingBottom: 40, gap: 12 }}>
+      <react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40,gap:12}}>
         
-        {activeSubTab === 'stack' && (<react_native_1.View style={{ gap: 10 }}>
+        {a==="stack"&&<react_native_1.View style={{gap:10}}>
             
             <react_native_1.View style={localStyles.filterChipsRow}>
-              <TouchableScale_1.default onPress={() => setStackFilter('app')} style={[
-                localStyles.filterChip,
-                stackFilter === 'app' && localStyles.filterChipActive,
-            ]}>
-                <NetworkIcons_1.AppFramesIcon size={12} color={stackFilter === 'app'
-                ? AppColors_1.AppColors.white
-                : AppColors_1.AppColors.purple}/>
-                <react_native_1.Text style={[
-                localStyles.filterChipText,
-                stackFilter === 'app' && localStyles.filterChipTextActive,
-            ]}>
-                  {t('crash.appFrames', { count: appStackFrames.length })}
+              <TouchableScale_1.default onPress={()=>C("app")}style={[localStyles.filterChip,n==="app"&&localStyles.filterChipActive]}>
+                <NetworkIcons_1.AppFramesIcon size={12}color={n==="app"?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
+                <react_native_1.Text style={[localStyles.filterChipText,n==="app"&&localStyles.filterChipTextActive]}>
+                  {t("crash.appFrames",{count:c.length})}
                 </react_native_1.Text>
               </TouchableScale_1.default>
 
-              <TouchableScale_1.default onPress={() => setStackFilter('all')} style={[
-                localStyles.filterChip,
-                stackFilter === 'all' && localStyles.filterChipActive,
-            ]}>
-                <NetworkIcons_1.AllFramesIcon size={12} color={stackFilter === 'all'
-                ? AppColors_1.AppColors.white
-                : AppColors_1.AppColors.purple}/>
-                <react_native_1.Text style={[
-                localStyles.filterChipText,
-                stackFilter === 'all' && localStyles.filterChipTextActive,
-            ]}>
-                  {t('crash.allFrames', { count: stackFrames.length })}
+              <TouchableScale_1.default onPress={()=>C("all")}style={[localStyles.filterChip,n==="all"&&localStyles.filterChipActive]}>
+                <NetworkIcons_1.AllFramesIcon size={12}color={n==="all"?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
+                <react_native_1.Text style={[localStyles.filterChipText,n==="all"&&localStyles.filterChipTextActive]}>
+                  {t("crash.allFrames",{count:s.length})}
                 </react_native_1.Text>
               </TouchableScale_1.default>
             </react_native_1.View>
 
             
-            {displayedFrames.length > 0 ? (displayedFrames
-                .filter(frame => {
-                if (!searchQuery.trim())
-                    return true;
-                const q = searchQuery.toLowerCase();
-                return (frame.method.toLowerCase().includes(q) ||
-                    frame.file.toLowerCase().includes(q));
-            })
-                .map((frame, index) => {
-                const isOrigin = index === 0 && frame.isAppCode;
-                return (<react_native_1.View key={`frame_${index}`} style={[
-                        localStyles.frameCard,
-                        isOrigin && localStyles.originFrameCard,
-                    ]}>
+            {f.length>0?f.filter(r=>{if(!o.trim())return!0;const l=o.toLowerCase();return r.method.toLowerCase().includes(l)||r.file.toLowerCase().includes(l)}).map((r,l)=>{const u=l===0&&r.isAppCode;return<react_native_1.View key={`frame_${l}`}style={[localStyles.frameCard,u&&localStyles.originFrameCard]}>
                       <react_native_1.View style={localStyles.frameCardHeader}>
                         <react_native_1.View style={localStyles.frameIndexBadge}>
                           <react_native_1.Text style={localStyles.frameIndexBadgeText}>
-                            #{index + 1}
+                            #{l+1}
                           </react_native_1.Text>
                         </react_native_1.View>
-                        <react_native_1.View style={[
-                        localStyles.frameTypeBadge,
-                        frame.isAppCode
-                            ? { backgroundColor: '#ECFDF5', borderColor: '#A7F3D0' }
-                            : { backgroundColor: '#F1F5F9', borderColor: '#E2E8F0' },
-                    ]}>
-                          <react_native_1.Text style={[
-                        localStyles.frameTypeBadgeText,
-                        frame.isAppCode
-                            ? { color: '#059669' }
-                            : { color: '#64748B' },
-                    ]}>
-                            {frame.isAppCode ? t('crash.frameApp') : t('crash.frameLib')}
+                        <react_native_1.View style={[localStyles.frameTypeBadge,r.isAppCode?{backgroundColor:"#ECFDF5",borderColor:"#A7F3D0"}:{backgroundColor:"#F1F5F9",borderColor:"#E2E8F0"}]}>
+                          <react_native_1.Text style={[localStyles.frameTypeBadgeText,r.isAppCode?{color:"#059669"}:{color:"#64748B"}]}>
+                            {r.isAppCode?t("crash.frameApp"):t("crash.frameLib")}
                           </react_native_1.Text>
                         </react_native_1.View>
 
-                        <react_native_1.Text style={localStyles.frameMethodText} numberOfLines={1}>
-                          <HighlightText_1.default text={frame.method || t('crash.anonymous')} highlight={searchQuery}/>
+                        <react_native_1.Text style={localStyles.frameMethodText}numberOfLines={1}>
+                          <HighlightText_1.default text={r.method||t("crash.anonymous")}highlight={o}/>
                         </react_native_1.Text>
 
-                        <TouchableScale_1.default onPress={() => handleCopyFrame(frame, index)} hitSlop={8} style={localStyles.frameCopyBtn}>
-                          {copiedFrameIndex === index ? (<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.greenColor} size={12}/>) : (<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.grayText} size={12}/>)}
+                        <TouchableScale_1.default onPress={()=>x(r,l)}hitSlop={8}style={localStyles.frameCopyBtn}>
+                          {m===l?<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.greenColor}size={12}/>:<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.grayText}size={12}/>}
                           <react_native_1.Text style={localStyles.frameCopyBtnText}>
-                            {copiedFrameIndex === index
-                        ? t('crash.frameCopied')
-                        : t('crash.frameCopy')}
+                            {t(m===l?"crash.frameCopied":"crash.frameCopy")}
                           </react_native_1.Text>
                         </TouchableScale_1.default>
                       </react_native_1.View>
 
                       <react_native_1.View style={localStyles.frameLocationRow}>
-                        <react_native_1.Text style={localStyles.frameFileText} numberOfLines={1}>
-                          <HighlightText_1.default text={frame.file} highlight={searchQuery}/>
+                        <react_native_1.Text style={localStyles.frameFileText}numberOfLines={1}>
+                          <HighlightText_1.default text={r.file}highlight={o}/>
                         </react_native_1.Text>
                         <react_native_1.Text style={localStyles.frameLineText}>
-                          :{frame.lineNumber}
-                          {frame.column ? `:${frame.column}` : ''}
+                          :{r.lineNumber}
+                          {r.column?`:${r.column}`:""}
                         </react_native_1.Text>
                       </react_native_1.View>
 
-                      {frame.raw && (<react_native_1.Text style={localStyles.frameRawText} numberOfLines={2}>
-                          {frame.raw}
-                        </react_native_1.Text>)}
-                    </react_native_1.View>);
-            })) : (<react_native_1.View style={localStyles.emptyContainer}>
+                      {r.raw&&<react_native_1.Text style={localStyles.frameRawText}numberOfLines={2}>
+                          {r.raw}
+                        </react_native_1.Text>}
+                    </react_native_1.View>}):<react_native_1.View style={localStyles.emptyContainer}>
                 <react_native_1.Text style={localStyles.emptyText}>
-                  {selectedCrash.stack
-                    ? selectedCrash.stack
-                    : t('crash.noStackTrace')}
+                  {e.stack?e.stack:t("crash.noStackTrace")}
                 </react_native_1.Text>
-              </react_native_1.View>)}
+              </react_native_1.View>}
 
-            {selectedCrash.componentStack && (<react_native_1.View style={localStyles.sectionCard}>
+            {e.componentStack&&<react_native_1.View style={localStyles.sectionCard}>
                 <react_native_1.View style={localStyles.sectionCardHeader}>
-                  <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple} size={14}/>
+                  <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={14}/>
                   <react_native_1.Text style={localStyles.sectionCardTitle}>
-                    {t('crash.componentHierarchy')}
+                    {t("crash.componentHierarchy")}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.Text style={localStyles.componentStackText}>
-                  {selectedCrash.componentStack}
+                  {e.componentStack}
                 </react_native_1.Text>
-              </react_native_1.View>)}
-          </react_native_1.View>)}
+              </react_native_1.View>}
+          </react_native_1.View>}
 
         
-        {activeSubTab === 'diagnostics' && (<react_native_1.View style={{ gap: 12 }}>
+        {a==="diagnostics"&&<react_native_1.View style={{gap:12}}>
             
             <react_native_1.View style={localStyles.sectionCard}>
-              <react_native_1.View style={[
-                localStyles.sectionCardHeader,
-                { justifyContent: 'space-between' },
-            ]}>
-                <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                  <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.purple} size={14}/>
+              <react_native_1.View style={[localStyles.sectionCardHeader,{justifyContent:"space-between"}]}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                  <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.purple}size={14}/>
                   <react_native_1.Text style={localStyles.sectionCardTitle}>
-                    {t('crash.deviceEnvironment')}
+                    {t("crash.deviceEnvironment")}
                   </react_native_1.Text>
                 </react_native_1.View>
-                <CopyButton_1.default value={selectedCrash.deviceInfo || {
-                platform: react_native_1.Platform.OS,
-                osVersion: String(react_native_1.Platform.Version),
-            }} label="Diagnostics"/>
+                <CopyButton_1.default value={e.deviceInfo||{platform:react_native_1.Platform.OS,osVersion:String(react_native_1.Platform.Version)}}label="Diagnostics"/>
               </react_native_1.View>
 
               <react_native_1.View style={localStyles.diagGrid}>
                 <react_native_1.View style={localStyles.diagItem}>
-                  <react_native_1.Text style={localStyles.diagLabel}>{t('crash.platform')}</react_native_1.Text>
+                  <react_native_1.Text style={localStyles.diagLabel}>{t("crash.platform")}</react_native_1.Text>
                   <react_native_1.Text style={localStyles.diagValue}>
-                    {selectedCrash.deviceInfo?.platform?.toUpperCase() || react_native_1.Platform.OS.toUpperCase()}
+                    {e.deviceInfo?.platform?.toUpperCase()||react_native_1.Platform.OS.toUpperCase()}
                   </react_native_1.Text>
                 </react_native_1.View>
 
                 <react_native_1.View style={localStyles.diagItem}>
-                  <react_native_1.Text style={localStyles.diagLabel}>{t('crash.osVersion')}</react_native_1.Text>
+                  <react_native_1.Text style={localStyles.diagLabel}>{t("crash.osVersion")}</react_native_1.Text>
                   <react_native_1.Text style={localStyles.diagValue}>
-                    {selectedCrash.deviceInfo?.osVersion || String(react_native_1.Platform.Version)}
+                    {e.deviceInfo?.osVersion||String(react_native_1.Platform.Version)}
                   </react_native_1.Text>
                 </react_native_1.View>
 
                 <react_native_1.View style={localStyles.diagItem}>
-                  <react_native_1.Text style={localStyles.diagLabel}>{t('crash.reactNative')}</react_native_1.Text>
+                  <react_native_1.Text style={localStyles.diagLabel}>{t("crash.reactNative")}</react_native_1.Text>
                   <react_native_1.Text style={localStyles.diagValue}>
-                    {selectedCrash.deviceInfo?.rnVersion || '0.74+'}
+                    {e.deviceInfo?.rnVersion||"0.74+"}
                   </react_native_1.Text>
                 </react_native_1.View>
 
                 <react_native_1.View style={localStyles.diagItem}>
-                  <react_native_1.Text style={localStyles.diagLabel}>{t('crash.jsEngine')}</react_native_1.Text>
+                  <react_native_1.Text style={localStyles.diagLabel}>{t("crash.jsEngine")}</react_native_1.Text>
                   <react_native_1.Text style={localStyles.diagValue}>
-                    {selectedCrash.deviceInfo?.isHermes ? t('crash.hermesEngine') : t('crash.jsc')}
+                    {e.deviceInfo?.isHermes?t("crash.hermesEngine"):t("crash.jsc")}
                   </react_native_1.Text>
                 </react_native_1.View>
 
                 <react_native_1.View style={localStyles.diagItem}>
-                  <react_native_1.Text style={localStyles.diagLabel}>{t('crash.architecture')}</react_native_1.Text>
+                  <react_native_1.Text style={localStyles.diagLabel}>{t("crash.architecture")}</react_native_1.Text>
                   <react_native_1.Text style={localStyles.diagValue}>
-                    {selectedCrash.deviceInfo?.isFabric ? t('crash.fabricNewArch') : t('crash.paperLegacy')}
+                    {e.deviceInfo?.isFabric?t("crash.fabricNewArch"):t("crash.paperLegacy")}
                   </react_native_1.Text>
                 </react_native_1.View>
 
                 <react_native_1.View style={localStyles.diagItem}>
-                  <react_native_1.Text style={localStyles.diagLabel}>{t('crash.appState')}</react_native_1.Text>
+                  <react_native_1.Text style={localStyles.diagLabel}>{t("crash.appState")}</react_native_1.Text>
                   <react_native_1.Text style={localStyles.diagValue}>
-                    {selectedCrash.deviceInfo?.appState || 'active'}
+                    {e.deviceInfo?.appState||"active"}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
             </react_native_1.View>
 
             
-            {selectedCrash.memoryInfo && (<react_native_1.View style={localStyles.sectionCard}>
-                <react_native_1.View style={[
-                    localStyles.sectionCardHeader,
-                    { justifyContent: 'space-between' },
-                ]}>
-                  <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                    <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple} size={14}/>
+            {e.memoryInfo&&<react_native_1.View style={localStyles.sectionCard}>
+                <react_native_1.View style={[localStyles.sectionCardHeader,{justifyContent:"space-between"}]}>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                    <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={14}/>
                     <react_native_1.Text style={localStyles.sectionCardTitle}>
-                      {t('crash.jsHeapMemory')}
+                      {t("crash.jsHeapMemory")}
                     </react_native_1.Text>
                   </react_native_1.View>
-                  <CopyButton_1.default value={selectedCrash.memoryInfo} label="Memory Info"/>
+                  <CopyButton_1.default value={e.memoryInfo}label="Memory Info"/>
                 </react_native_1.View>
 
                 <react_native_1.View style={localStyles.diagGrid}>
                   <react_native_1.View style={localStyles.diagItem}>
-                    <react_native_1.Text style={localStyles.diagLabel}>{t('crash.usedHeap')}</react_native_1.Text>
+                    <react_native_1.Text style={localStyles.diagLabel}>{t("crash.usedHeap")}</react_native_1.Text>
                     <react_native_1.Text style={localStyles.diagValue}>
-                      {selectedCrash.memoryInfo.usedJSHeapSize} MB
+                      {e.memoryInfo.usedJSHeapSize} MB
                     </react_native_1.Text>
                   </react_native_1.View>
 
                   <react_native_1.View style={localStyles.diagItem}>
-                    <react_native_1.Text style={localStyles.diagLabel}>{t('crash.totalHeap')}</react_native_1.Text>
+                    <react_native_1.Text style={localStyles.diagLabel}>{t("crash.totalHeap")}</react_native_1.Text>
                     <react_native_1.Text style={localStyles.diagValue}>
-                      {selectedCrash.memoryInfo.totalJSHeapSize} MB
+                      {e.memoryInfo.totalJSHeapSize} MB
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
-              </react_native_1.View>)}
-          </react_native_1.View>)}
+              </react_native_1.View>}
+          </react_native_1.View>}
 
         
-        {activeSubTab === 'breadcrumbs' && (<react_native_1.View style={{ gap: 10 }}>
-            {selectedCrash.breadcrumbs && selectedCrash.breadcrumbs.length > 0 && (<react_native_1.View style={{
-                    flexDirection: 'row',
-                    justifyContent: 'flex-end',
-                    marginBottom: 2,
-                }}>
-                <CopyButton_1.default value={selectedCrash.breadcrumbs} label="All Breadcrumbs"/>
-              </react_native_1.View>)}
-            {selectedCrash.breadcrumbs && selectedCrash.breadcrumbs.length > 0 ? (selectedCrash.breadcrumbs.map((b, idx) => (<react_native_1.View key={`crumb_${idx}`} style={localStyles.breadcrumbCard}>
+        {a==="breadcrumbs"&&<react_native_1.View style={{gap:10}}>
+            {e.breadcrumbs&&e.breadcrumbs.length>0&&<react_native_1.View style={{flexDirection:"row",justifyContent:"flex-end",marginBottom:2}}>
+                <CopyButton_1.default value={e.breadcrumbs}label="All Breadcrumbs"/>
+              </react_native_1.View>}
+            {e.breadcrumbs&&e.breadcrumbs.length>0?e.breadcrumbs.map((r,l)=><react_native_1.View key={`crumb_${l}`}style={localStyles.breadcrumbCard}>
                   <react_native_1.View style={localStyles.breadcrumbHeader}>
                     <react_native_1.View style={localStyles.breadcrumbTag}>
                       <react_native_1.Text style={localStyles.breadcrumbTagText}>
-                        {b.type.toUpperCase()}
+                        {r.type.toUpperCase()}
                       </react_native_1.Text>
                     </react_native_1.View>
-                    <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 8,
-                }}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
                       <react_native_1.Text style={localStyles.breadcrumbTime}>
-                        {new Date(b.timestamp).toLocaleTimeString()}
+                        {new Date(r.timestamp).toLocaleTimeString()}
                       </react_native_1.Text>
-                      <CopyButton_1.default value={`${new Date(b.timestamp).toLocaleTimeString()} [${b.type.toUpperCase()}] ${b.message}${b.data ? ' ' + JSON.stringify(b.data) : ''}`} label="Breadcrumb"/>
+                      <CopyButton_1.default value={`${new Date(r.timestamp).toLocaleTimeString()} [${r.type.toUpperCase()}] ${r.message}${r.data?" "+JSON.stringify(r.data):""}`}label="Breadcrumb"/>
                     </react_native_1.View>
                   </react_native_1.View>
-                  <react_native_1.Text style={localStyles.breadcrumbMessage}>{b.message}</react_native_1.Text>
-                  {b.data && (<react_native_1.View style={{ marginTop: 6 }}>
-                      <JsonViewer_1.default data={b.data} search="" wrap/>
-                    </react_native_1.View>)}
-                </react_native_1.View>))) : (<react_native_1.View style={localStyles.emptyContainer}>
+                  <react_native_1.Text style={localStyles.breadcrumbMessage}>{r.message}</react_native_1.Text>
+                  {r.data&&<react_native_1.View style={{marginTop:6}}>
+                      <JsonViewer_1.default data={r.data}search=""wrap/>
+                    </react_native_1.View>}
+                </react_native_1.View>):<react_native_1.View style={localStyles.emptyContainer}>
                 <react_native_1.Text style={localStyles.emptyText}>
-                  {t('crash.noBreadcrumbs')}
+                  {t("crash.noBreadcrumbs")}
                 </react_native_1.Text>
-              </react_native_1.View>)}
-          </react_native_1.View>)}
+              </react_native_1.View>}
+          </react_native_1.View>}
 
         
-        {activeSubTab === 'raw' && (<react_native_1.View style={localStyles.rawContainer}>
-            <JsonViewer_1.default data={rawCrashData} search={searchQuery} wrap/>
-          </react_native_1.View>)}
+        {a==="raw"&&<react_native_1.View style={localStyles.rawContainer}>
+            <JsonViewer_1.default data={T}search={o}wrap/>
+          </react_native_1.View>}
       </react_native_1.ScrollView>
-    </react_native_1.View>);
-});
-exports.default = CrashDetail;
-const localStyles = react_native_1.StyleSheet.create({
-    infoBar: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 12,
-        padding: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        shadowColor: AppColors_1.AppColors.black,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.05,
-        shadowRadius: 3,
-        elevation: 2,
-        gap: 8,
-    },
-    badgeRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-    },
-    pillBadge: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingHorizontal: 8,
-        paddingVertical: 3,
-        borderRadius: 12,
-        borderWidth: 1,
-        gap: 5,
-    },
-    statusDot: {
-        width: 6,
-        height: 6,
-        borderRadius: 3,
-    },
-    pillBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        letterSpacing: 0.4,
-    },
-    actionButton: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-        borderColor: `${AppColors_1.AppColors.purple}33`,
-        borderWidth: 1,
-        paddingHorizontal: 8,
-        paddingVertical: 4,
-        borderRadius: 8,
-    },
-    actionButtonText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.purple,
-    },
-    titleText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 14,
-        color: AppColors_1.AppColors.primaryBlack,
-        lineHeight: 19,
-    },
-    metaRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        paddingVertical: 2,
-    },
-    metaChip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        paddingHorizontal: 7,
-        paddingVertical: 3,
-        borderRadius: 6,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    metaChipText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayText,
-    },
-    searchContainer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        borderRadius: 8,
-        paddingHorizontal: 10,
-        height: 36,
-        gap: 8,
-    },
-    searchInput: {
-        flex: 1,
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 12,
-        color: AppColors_1.AppColors.primaryBlack,
-        paddingVertical: 0,
-    },
-    filterChipsRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-    },
-    filterChip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 5,
-        paddingHorizontal: 10,
-        paddingVertical: 5,
-        borderRadius: 8,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-    },
-    filterChipActive: {
-        backgroundColor: AppColors_1.AppColors.purple,
-        borderColor: AppColors_1.AppColors.purple,
-    },
-    filterChipText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayText,
-    },
-    filterChipTextActive: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.white,
-    },
-    frameCard: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 8,
-        padding: 10,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        gap: 4,
-    },
-    originFrameCard: {
-        borderColor: '#6EE7B7',
-        backgroundColor: '#F0FDF4',
-    },
-    frameCardHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-    },
-    frameIndexBadge: {
-        minWidth: 24,
-        height: 18,
-        paddingHorizontal: 4,
-        borderRadius: 4,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    frameIndexBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors_1.AppColors.purple,
-    },
-    frameTypeBadge: {
-        paddingHorizontal: 5,
-        paddingVertical: 2,
-        borderRadius: 4,
-        borderWidth: 1,
-    },
-    frameTypeBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 8.5,
-    },
-    frameMethodText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.primaryBlack,
-        flex: 1,
-    },
-    frameLocationRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    frameFileText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayText,
-        flex: 1,
-    },
-    frameLineText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors_1.AppColors.purple,
-    },
-    frameCopyBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 3,
-        paddingHorizontal: 6,
-        paddingVertical: 3,
-        borderRadius: 5,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    frameCopyBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors_1.AppColors.grayText,
-    },
-    frameRawText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-        backgroundColor: `${AppColors_1.AppColors.primaryBlack}06`,
-        borderRadius: 5,
-        paddingHorizontal: 7,
-        paddingVertical: 4,
-        overflow: 'hidden',
-    },
-    componentStackText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        lineHeight: 16,
-        color: AppColors_1.AppColors.grayText,
-        backgroundColor: `${AppColors_1.AppColors.primaryBlack}06`,
-        borderRadius: 6,
-        padding: 10,
-    },
-    sectionCard: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 10,
-        padding: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        gap: 10,
-    },
-    sectionCardHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        paddingBottom: 6,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-    },
-    sectionCardTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    diagGrid: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        rowGap: 8,
-        columnGap: 12,
-    },
-    diagItem: {
-        width: '47%',
-        gap: 2,
-    },
-    diagLabel: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    diagValue: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    breadcrumbCard: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 8,
-        padding: 10,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        gap: 4,
-    },
-    breadcrumbHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-    },
-    breadcrumbTag: {
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-    },
-    breadcrumbTagText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors_1.AppColors.purple,
-    },
-    breadcrumbTime: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    breadcrumbMessage: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.primaryBlack,
-        marginTop: 2,
-    },
-    rawContainer: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 10,
-        padding: 10,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-    },
-    emptyContainer: {
-        padding: 16,
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-    },
-    emptyText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayText,
-        textAlign: 'center',
-    },
-});
+    </react_native_1.View>});exports.default=CrashDetail;const localStyles=react_native_1.StyleSheet.create({infoBar:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2,gap:8},badgeRow:{flexDirection:"row",alignItems:"center",gap:8},pillBadge:{flexDirection:"row",alignItems:"center",paddingHorizontal:8,paddingVertical:3,borderRadius:12,borderWidth:1,gap:5},statusDot:{width:6,height:6,borderRadius:3},pillBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.4},actionButton:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}33`,borderWidth:1,paddingHorizontal:8,paddingVertical:4,borderRadius:8},actionButtonText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.purple},titleText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack,lineHeight:19},metaRow:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:2},metaChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},metaChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayText},searchContainer:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderRadius:8,paddingHorizontal:10,height:36,gap:8},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},filterChipsRow:{flexDirection:"row",alignItems:"center",gap:8},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},filterChipActive:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},filterChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText},filterChipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.white},frameCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4},originFrameCard:{borderColor:"#6EE7B7",backgroundColor:"#F0FDF4"},frameCardHeader:{flexDirection:"row",alignItems:"center",gap:8},frameIndexBadge:{minWidth:24,height:18,paddingHorizontal:4,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,alignItems:"center",justifyContent:"center"},frameIndexBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.purple},frameTypeBadge:{paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1},frameTypeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5},frameMethodText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack,flex:1},frameLocationRow:{flexDirection:"row",alignItems:"center"},frameFileText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,flex:1},frameLineText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple},frameCopyBtn:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:6,paddingVertical:3,borderRadius:5,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},frameCopyBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.grayText},frameRawText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,backgroundColor:`${AppColors_1.AppColors.primaryBlack}06`,borderRadius:5,paddingHorizontal:7,paddingVertical:4,overflow:"hidden"},componentStackText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:16,color:AppColors_1.AppColors.grayText,backgroundColor:`${AppColors_1.AppColors.primaryBlack}06`,borderRadius:6,padding:10},sectionCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:10},sectionCardHeader:{flexDirection:"row",alignItems:"center",gap:6,paddingBottom:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},sectionCardTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},diagGrid:{flexDirection:"row",flexWrap:"wrap",rowGap:8,columnGap:12},diagItem:{width:"47%",gap:2},diagLabel:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},diagValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},breadcrumbCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4},breadcrumbHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},breadcrumbTag:{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:6,paddingVertical:2,borderRadius:4},breadcrumbTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.purple},breadcrumbTime:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},breadcrumbMessage:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack,marginTop:2},rawContainer:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},emptyContainer:{padding:16,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},emptyText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,textAlign:"center"}});