react-native-inapp-inspector 2.3.18 → 2.3.20

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

@@ -1,400 +1,91 @@
-"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 i18n_1 = require("../../i18n");
-const react_native_1 = require("react-native");
-const InspectorContext_1 = require("./InspectorContext");
-const HighlightText_1 = __importDefault(require("../HighlightText"));
-const JsonViewer_1 = __importDefault(require("../JsonViewer"));
-const CopyButton_1 = __importDefault(require("../CopyButton"));
-const SegmentedTabs_1 = __importDefault(require("../SegmentedTabs"));
-const NetworkIcons_1 = require("../NetworkIcons");
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const styles_1 = __importDefault(require("../../styles"));
-const helpers_1 = require("../../helpers");
-const getRelativeTime = (timestamp) => {
-    const now = Date.now();
-    const diff = now - timestamp;
-    const seconds = Math.floor(diff / 1000);
-    const minutes = Math.floor(seconds / 60);
-    const hours = Math.floor(minutes / 60);
-    const days = Math.floor(hours / 24);
-    if (seconds < 60)
-        return `${seconds}s ago`;
-    if (minutes < 60)
-        return `${minutes}m ago`;
-    if (hours < 24)
-        return `${hours}h ago`;
-    return `${days}d ago`;
-};
-const LogDetail = react_1.default.memo(() => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const { selectedLog } = (0, InspectorContext_1.useInspector)();
-    const [activeTab, setActiveTab] = (0, react_1.useState)('output');
-    const [detailSearch, setDetailSearch] = (0, react_1.useState)('');
-    const [viewMode, setViewMode] = (0, react_1.useState)('pretty');
-    const jsonContent = (0, react_1.useMemo)(() => (selectedLog ? (0, helpers_1.getJsonContent)(selectedLog.message) : null), [selectedLog]);
-    const [stackViewMode, setStackViewMode] = (0, react_1.useState)('structured');
-    const [stackSource, setStackSource] = (0, react_1.useState)('caller');
-    const [stackFilter, setStackFilter] = (0, react_1.useState)('app');
-    const activeStackString = (0, react_1.useMemo)(() => {
-        if (!selectedLog)
-            return '';
-        if (stackSource === 'error' && selectedLog.errorStack) {
-            return selectedLog.errorStack;
-        }
-        return selectedLog.stack || selectedLog.caller || '';
-    }, [selectedLog, stackSource]);
-    const parsedStackFrames = (0, react_1.useMemo)(() => {
-        if (!activeStackString)
-            return [];
-        return activeStackString
-            .split('\n')
-            .map(l => l.trim())
-            .filter(l => l.length > 0)
-            .map((line, idx) => (0, helpers_1.parseStackLine)(line, idx === 0));
-    }, [activeStackString]);
-    const appStackFrames = (0, react_1.useMemo)(() => {
-        return parsedStackFrames.filter(f => f.frameType === 'app' || !f.isRuntimeNoise);
-    }, [parsedStackFrames]);
-    const displayedFrames = (0, react_1.useMemo)(() => {
-        if (stackFilter === 'app' && appStackFrames.length > 0) {
-            return appStackFrames;
-        }
-        return parsedStackFrames;
-    }, [stackFilter, appStackFrames, parsedStackFrames]);
-    const originFrame = (0, react_1.useMemo)(() => {
-        if (!selectedLog)
-            return null;
-        if (appStackFrames.length > 0) {
-            return appStackFrames[0];
-        }
-        if (selectedLog.caller && selectedLog.caller !== 'Unknown') {
-            return (0, helpers_1.parseStackLine)(selectedLog.caller, true);
-        }
-        if (parsedStackFrames.length > 0) {
-            return parsedStackFrames[0];
-        }
-        return null;
-    }, [selectedLog, appStackFrames, parsedStackFrames]);
-    if (!selectedLog)
-        return null;
-    const isDark = AppColors_1.AppColors.primaryLight !== AppColors_1.AppColors.white;
-    const getTypeColors = () => {
-        const type = (selectedLog.type || 'log').toLowerCase();
-        const method = (selectedLog.sourceMethod || type).toLowerCase();
-        if (type === 'error' || method === 'error') {
-            return {
-                border: AppColors_1.AppColors.red500,
-                badgeBg: AppColors_1.AppColors.red100,
-                badgeText: AppColors_1.AppColors.redErrorText,
-                label: 'ERROR',
-                methodBorder: AppColors_1.AppColors.errorBorder,
-                methodBg: AppColors_1.AppColors.red100,
-                methodText: AppColors_1.AppColors.redErrorText,
-            };
-        }
-        if (type === 'warn' || method === 'warn') {
-            return {
-                border: AppColors_1.AppColors.amber500,
-                badgeBg: AppColors_1.AppColors.amber100,
-                badgeText: AppColors_1.AppColors.amber800Warm,
-                label: 'WARN',
-                methodBorder: AppColors_1.AppColors.amber200,
-                methodBg: AppColors_1.AppColors.amber100,
-                methodText: AppColors_1.AppColors.amber800Warm,
-            };
-        }
-        if (type === 'debug' || method === 'debug') {
-            return {
-                border: AppColors_1.AppColors.violet500,
-                badgeBg: AppColors_1.AppColors.purple100,
-                badgeText: AppColors_1.AppColors.violet600,
-                label: 'DEBUG',
-                methodBorder: AppColors_1.AppColors.purple200,
-                methodBg: AppColors_1.AppColors.purple100,
-                methodText: AppColors_1.AppColors.violet600,
-            };
-        }
-        if (type === 'info' || method === 'info') {
-            return {
-                border: AppColors_1.AppColors.sky500,
-                badgeBg: AppColors_1.AppColors.sky100,
-                badgeText: AppColors_1.AppColors.sky600,
-                label: 'INFO',
-                methodBorder: AppColors_1.AppColors.sky400,
-                methodBg: AppColors_1.AppColors.sky100,
-                methodText: AppColors_1.AppColors.sky600,
-            };
-        }
-        return {
-            border: AppColors_1.AppColors.indigo500,
-            badgeBg: AppColors_1.AppColors.indigo50,
-            badgeText: AppColors_1.AppColors.indigo600Alt,
-            label: 'LOG',
-            methodBorder: AppColors_1.AppColors.indigo400,
-            methodBg: AppColors_1.AppColors.indigo50,
-            methodText: AppColors_1.AppColors.indigo600Alt,
-        };
-    };
-    const typeColors = getTypeColors();
-    const hasMultipleArgs = selectedLog.rawArgs != null && selectedLog.rawArgs.length > 1;
-    const hasStack = Boolean(selectedLog.stack && selectedLog.stack.trim().length > 0);
-    const subTabs = [
-        {
-            key: 'output',
-            label: t('console.tabOutput'),
-            icon: (isActive) => (<NetworkIcons_1.TerminalIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayTextWeak} size={12}/>),
-        },
-        ...(hasMultipleArgs
-            ? [
-                {
-                    key: 'arguments',
-                    label: t('console.tabArgs', { count: selectedLog.rawArgs?.length }),
-                    icon: (isActive) => (<NetworkIcons_1.RequestIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayTextWeak} size={12}/>),
-                },
-            ]
-            : []),
-        ...(hasStack
-            ? [
-                {
-                    key: 'stack',
-                    label: t('console.tabStack'),
-                    icon: (isActive) => (<NetworkIcons_1.LayersIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayTextWeak} size={12}/>),
-                },
-            ]
-            : []),
-        {
-            key: 'metadata',
-            label: t('console.tabMetadata'),
-            icon: (isActive) => (<NetworkIcons_1.InfoCircleIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayTextWeak} size={12}/>),
-        },
-    ];
-    return (<react_native_1.View style={{ flex: 1 }}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,l,i){i===void 0&&(i=l);var a=Object.getOwnPropertyDescriptor(t,l);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(o,i,a)}):(function(o,t,l,i){i===void 0&&(i=l),o[i]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(l){var i=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(i[i.length]=a);return i},o(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var i=o(t),a=0;a<i.length;a++)i[a]!=="default"&&__createBinding(l,t,i[a]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),i18n_1=require("../../i18n"),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),HighlightText_1=__importDefault(require("../HighlightText")),JsonViewer_1=__importDefault(require("../JsonViewer")),CopyButton_1=__importDefault(require("../CopyButton")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),NetworkIcons_1=require("../NetworkIcons"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),styles_1=__importDefault(require("../../styles")),helpers_1=require("../../helpers"),getRelativeTime=o=>{const l=Date.now()-o,i=Math.floor(l/1e3),a=Math.floor(i/60),y=Math.floor(a/60),b=Math.floor(y/24);return i<60?`${i}s ago`:a<60?`${a}m ago`:y<24?`${y}h ago`:`${b}d ago`},LogDetail=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{selectedLog:t}=(0,InspectorContext_1.useInspector)(),[l,i]=(0,react_1.useState)("output"),[a,y]=(0,react_1.useState)(""),[b,v]=(0,react_1.useState)("pretty"),p=(0,react_1.useMemo)(()=>t?(0,helpers_1.getJsonContent)(t.message):null,[t]),[d,h]=(0,react_1.useState)("structured"),[m,V]=(0,react_1.useState)("caller"),[_,k]=(0,react_1.useState)("app"),C=(0,react_1.useMemo)(()=>t?m==="error"&&t.errorStack?t.errorStack:t.stack||t.caller||"":"",[t,m]),s=(0,react_1.useMemo)(()=>C?C.split(`
+`).map(e=>e.trim()).filter(e=>e.length>0).map((e,n)=>(0,helpers_1.parseStackLine)(e,n===0)):[],[C]),u=(0,react_1.useMemo)(()=>s.filter(e=>e.frameType==="app"||!e.isRuntimeNoise),[s]),x=(0,react_1.useMemo)(()=>_==="app"&&u.length>0?u:s,[_,u,s]),r=(0,react_1.useMemo)(()=>t?u.length>0?u[0]:t.caller&&t.caller!=="Unknown"?(0,helpers_1.parseStackLine)(t.caller,!0):s.length>0?s[0]:null:null,[t,u,s]);if(!t)return null;const g=AppColors_1.AppColors.primaryLight!==AppColors_1.AppColors.white,f=(()=>{const e=(t.type||"log").toLowerCase(),n=(t.sourceMethod||e).toLowerCase();return e==="error"||n==="error"?{border:AppColors_1.AppColors.red500,badgeBg:AppColors_1.AppColors.red100,badgeText:AppColors_1.AppColors.redErrorText,label:"ERROR",methodBorder:AppColors_1.AppColors.errorBorder,methodBg:AppColors_1.AppColors.red100,methodText:AppColors_1.AppColors.redErrorText}:e==="warn"||n==="warn"?{border:AppColors_1.AppColors.amber500,badgeBg:AppColors_1.AppColors.amber100,badgeText:AppColors_1.AppColors.amber800Warm,label:"WARN",methodBorder:AppColors_1.AppColors.amber200,methodBg:AppColors_1.AppColors.amber100,methodText:AppColors_1.AppColors.amber800Warm}:e==="debug"||n==="debug"?{border:AppColors_1.AppColors.violet500,badgeBg:AppColors_1.AppColors.purple100,badgeText:AppColors_1.AppColors.violet600,label:"DEBUG",methodBorder:AppColors_1.AppColors.purple200,methodBg:AppColors_1.AppColors.purple100,methodText:AppColors_1.AppColors.violet600}:e==="info"||n==="info"?{border:AppColors_1.AppColors.sky500,badgeBg:AppColors_1.AppColors.sky100,badgeText:AppColors_1.AppColors.sky600,label:"INFO",methodBorder:AppColors_1.AppColors.sky400,methodBg:AppColors_1.AppColors.sky100,methodText:AppColors_1.AppColors.sky600}:{border:AppColors_1.AppColors.indigo500,badgeBg:AppColors_1.AppColors.indigo50,badgeText:AppColors_1.AppColors.indigo600Alt,label:"LOG",methodBorder:AppColors_1.AppColors.indigo400,methodBg:AppColors_1.AppColors.indigo50,methodText:AppColors_1.AppColors.indigo600Alt}})(),T=t.rawArgs!=null&&t.rawArgs.length>1,S=!!(t.stack&&t.stack.trim().length>0),B=[{key:"output",label:o("console.tabOutput"),icon:e=><NetworkIcons_1.TerminalIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>},...T?[{key:"arguments",label:o("console.tabArgs",{count:t.rawArgs?.length}),icon:e=><NetworkIcons_1.RequestIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}]:[],...S?[{key:"stack",label:o("console.tabStack"),icon:e=><NetworkIcons_1.LayersIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}]:[],{key:"metadata",label:o("console.tabMetadata"),icon:e=><NetworkIcons_1.InfoCircleIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}];return<react_native_1.View style={{flex:1}}>
       
       <react_native_1.View style={styles_1.default.detailInfoBar}>
-        <react_native_1.View style={{ flexDirection: 'column', gap: 10 }}>
+        <react_native_1.View style={{flexDirection:"column",gap:10}}>
           
-          <react_native_1.View style={{
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            gap: 8,
-        }}>
-            <react_native_1.View style={{
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 6,
-            flex: 1,
-            flexWrap: 'wrap',
-        }}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8}}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1,flexWrap:"wrap"}}>
               
-              <react_native_1.View style={[
-            styles_1.default.typeChip,
-            {
-                backgroundColor: typeColors.badgeBg,
-                borderWidth: 1,
-                borderColor: `${typeColors.border}40`,
-                paddingHorizontal: 8,
-                paddingVertical: 3,
-            },
-        ]}>
-                <react_native_1.View style={[
-            styles_1.default.typeDot,
-            { backgroundColor: typeColors.badgeText },
-        ]}/>
-                <react_native_1.Text style={[
-            styles_1.default.typeChipText,
-            { color: typeColors.badgeText, fontSize: 10 },
-        ]}>
-                  {typeColors.label}
+              <react_native_1.View style={[styles_1.default.metaChip,{backgroundColor:`${AppColors_1.AppColors.grayTextWeak}15`,borderColor:`${AppColors_1.AppColors.grayTextWeak}33`,paddingHorizontal:7,paddingVertical:3}]}>
+                <react_native_1.Text style={[styles_1.default.metaChipText,{color:AppColors_1.AppColors.grayTextStrong,fontSize:10,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                  #{t.id!=null?t.id+1:1}
                 </react_native_1.Text>
               </react_native_1.View>
 
               
-              <react_native_1.View style={[
-            styles_1.default.metaChip,
-            {
-                backgroundColor: `${AppColors_1.AppColors.brandPurple}12`,
-                borderColor: `${AppColors_1.AppColors.brandPurple}30`,
-            },
-        ]}>
-                <react_native_1.Text style={[
-            styles_1.default.metaChipText,
-            { color: AppColors_1.AppColors.brandPurple, fontSize: 10 },
-        ]}>
+              <react_native_1.View style={[styles_1.default.typeChip,{backgroundColor:f.badgeBg,borderWidth:1,borderColor:`${f.border}40`,paddingHorizontal:8,paddingVertical:3}]}>
+                <react_native_1.View style={[styles_1.default.typeDot,{backgroundColor:f.badgeText}]}/>
+                <react_native_1.Text style={[styles_1.default.typeChipText,{color:f.badgeText,fontSize:10}]}>
+                  {f.label}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              
+              <react_native_1.View style={[styles_1.default.metaChip,{backgroundColor:`${AppColors_1.AppColors.brandPurple}12`,borderColor:`${AppColors_1.AppColors.brandPurple}30`}]}>
+                <react_native_1.Text style={[styles_1.default.metaChipText,{color:AppColors_1.AppColors.brandPurple,fontSize:10}]}>
                   console.
-                  {selectedLog.sourceMethod || selectedLog.type || 'log'}
+                  {t.sourceMethod||t.type||"log"}
                 </react_native_1.Text>
               </react_native_1.View>
 
               
-              {jsonContent && (<react_native_1.View style={[
-                styles_1.default.metaChip,
-                {
-                    backgroundColor: `${AppColors_1.AppColors.teal600}12`,
-                    borderColor: `${AppColors_1.AppColors.teal600}2B`,
-                },
-            ]}>
-                  <react_native_1.Text style={[
-                styles_1.default.metaChipText,
-                { color: AppColors_1.AppColors.teal600, fontSize: 10 },
-            ]}>
-                    {Array.isArray(jsonContent.data)
-                ? `Array[${jsonContent.data.length}]`
-                : `Object{${Object.keys(jsonContent.data).length}}`}
+              {p&&<react_native_1.View style={[styles_1.default.metaChip,{backgroundColor:`${AppColors_1.AppColors.teal600}12`,borderColor:`${AppColors_1.AppColors.teal600}2B`}]}>
+                  <react_native_1.Text style={[styles_1.default.metaChipText,{color:AppColors_1.AppColors.teal600,fontSize:10}]}>
+                    {Array.isArray(p.data)?`Array[${p.data.length}]`:`Object{${Object.keys(p.data).length}}`}
                   </react_native_1.Text>
-                </react_native_1.View>)}
+                </react_native_1.View>}
 
               
-              {selectedLog.duplicateCount != null &&
-            selectedLog.duplicateCount > 1 && (<react_native_1.View style={[
-                styles_1.default.metaChip,
-                {
-                    backgroundColor: `${AppColors_1.AppColors.purple}1A`,
-                    borderColor: `${AppColors_1.AppColors.purple}3D`,
-                },
-            ]}>
-                    <react_native_1.Text style={[
-                styles_1.default.metaChipText,
-                { color: AppColors_1.AppColors.purple, fontWeight: '700' },
-            ]}>
-                      {t('console.duplicates', {
-                count: selectedLog.duplicateCount,
-            })}
+              {t.duplicateCount!=null&&t.duplicateCount>1&&<react_native_1.View style={[styles_1.default.metaChip,{backgroundColor:`${AppColors_1.AppColors.purple}1A`,borderColor:`${AppColors_1.AppColors.purple}3D`}]}>
+                    <react_native_1.Text style={[styles_1.default.metaChipText,{color:AppColors_1.AppColors.purple,fontWeight:"700"}]}>
+                      {o("console.duplicates",{count:t.duplicateCount})}
                     </react_native_1.Text>
-                  </react_native_1.View>)}
+                  </react_native_1.View>}
             </react_native_1.View>
 
             
-            <CopyButton_1.default value={selectedLog.message} label={t('console.logMessage')}/>
+            <CopyButton_1.default value={t.message}label={o("console.logMessage")}/>
           </react_native_1.View>
 
           
-          <react_native_1.View style={{ gap: 4 }}>
-            <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
-              {originFrame?.fileExt && originFrame.fileExt !== 'other' && (<react_native_1.View style={{
-                backgroundColor: originFrame.fileExt === 'tsx' || originFrame.fileExt === 'ts'
-                    ? AppColors_1.AppColors.brandPurple
-                    : AppColors_1.AppColors.teal600,
-                borderRadius: 4,
-                paddingHorizontal: 5,
-                paddingVertical: 1.5,
-            }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 9.5,
-                color: AppColors_1.AppColors.white,
-                letterSpacing: 0.5,
-            }}>
-                    {originFrame.fileExt.toUpperCase()}
+          <react_native_1.View style={{gap:4}}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
+              {r?.fileExt&&r.fileExt!=="other"&&<react_native_1.View style={{backgroundColor:r.fileExt==="tsx"||r.fileExt==="ts"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.teal600,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.white,letterSpacing:.5}}>
+                    {r.fileExt.toUpperCase()}
                   </react_native_1.Text>
-                </react_native_1.View>)}
+                </react_native_1.View>}
 
-              <react_native_1.Text selectable style={{
-            fontFamily: AppFonts_1.AppFonts.interBold,
-            fontSize: 13,
-            color: AppColors_1.AppColors.primaryBlack,
-            lineHeight: 18,
-            flexShrink: 1,
-        }}>
-                {originFrame?.functionName && originFrame.functionName !== '<anonymous>'
-            ? `${originFrame.functionName}()`
-            : originFrame?.fileName || t('console.consoleLog')}
+              <react_native_1.Text selectable style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack,lineHeight:18,flexShrink:1}}>
+                {r?.functionName&&r.functionName!=="<anonymous>"?`${r.functionName}()`:r?.fileName||o("console.consoleLog")}
               </react_native_1.Text>
 
-              {originFrame?.fileName && (<react_native_1.Pressable onPress={() => (0, helpers_1.openInVSCode)(originFrame.rawFilePath ||
-                originFrame.fullPath ||
-                originFrame.fileName, originFrame.lineNumber, originFrame.columnNumber)} hitSlop={8} style={[
-                styles_1.default.metaChip,
-                {
-                    backgroundColor: `${AppColors_1.AppColors.brandPurple}15`,
-                    borderColor: `${AppColors_1.AppColors.brandPurple}40`,
-                    paddingHorizontal: 7,
-                    paddingVertical: 2,
-                },
-            ]}>
-                  <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 4, flexShrink: 1 }}>
-                    <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.brandPurple} size={10}/>
-                    <react_native_1.Text style={[
-                styles_1.default.metaChipText,
-                { color: AppColors_1.AppColors.brandPurple, fontSize: 10, fontFamily: AppFonts_1.AppFonts.interBold, flexShrink: 1 },
-            ]}>
-                      {originFrame.fileName}
-                      {originFrame.lineNumber ? `:${originFrame.lineNumber}` : ''}
-                      {originFrame.columnNumber ? `:${originFrame.columnNumber}` : ''}
+              {r?.fileName&&<react_native_1.Pressable onPress={()=>(0,helpers_1.openInVSCode)(r.rawFilePath||r.fullPath||r.fileName,r.lineNumber,r.columnNumber)}hitSlop={8}style={[styles_1.default.metaChip,{backgroundColor:`${AppColors_1.AppColors.brandPurple}15`,borderColor:`${AppColors_1.AppColors.brandPurple}40`,paddingHorizontal:7,paddingVertical:2}]}>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,flexShrink:1}}>
+                    <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.brandPurple}size={10}/>
+                    <react_native_1.Text style={[styles_1.default.metaChipText,{color:AppColors_1.AppColors.brandPurple,fontSize:10,fontFamily:AppFonts_1.AppFonts.interBold,flexShrink:1}]}>
+                      {r.fileName}
+                      {r.lineNumber?`:${r.lineNumber}`:""}
+                      {r.columnNumber?`:${r.columnNumber}`:""}
                     </react_native_1.Text>
-                    <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.brandPurple} size={9}/>
+                    <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.brandPurple}size={9}/>
                   </react_native_1.View>
-                </react_native_1.Pressable>)}
+                </react_native_1.Pressable>}
             </react_native_1.View>
 
             
-            <react_native_1.View style={{
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 8,
-            flexWrap: 'wrap',
-        }}>
-              <react_native_1.Text style={{
-            fontFamily: AppFonts_1.AppFonts.interBold,
-            fontSize: 10,
-            color: AppColors_1.AppColors.grayTextWeak,
-        }}>
-                #{selectedLog.id + 1}
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8,flexWrap:"wrap"}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak}}>
+                #{t.id+1}
               </react_native_1.Text>
               <react_native_1.Text style={detailStyles.metaDot}>•</react_native_1.Text>
-              <react_native_1.Text style={{
-            fontFamily: AppFonts_1.AppFonts.interRegular,
-            fontSize: 10,
-            color: AppColors_1.AppColors.grayTextWeak,
-        }}>
-                {(0, helpers_1.formatDateTime)(selectedLog.timestamp)} ({getRelativeTime(selectedLog.timestamp)})
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak}}>
+                {(0,helpers_1.formatDateTime)(t.timestamp)} ({getRelativeTime(t.timestamp)})
               </react_native_1.Text>
               <react_native_1.Text style={detailStyles.metaDot}>•</react_native_1.Text>
-              <react_native_1.Text style={{
-            fontFamily: AppFonts_1.AppFonts.interRegular,
-            fontSize: 10,
-            color: AppColors_1.AppColors.grayTextWeak,
-        }}>
-                {(0, helpers_1.getSize)(selectedLog.message)}
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak}}>
+                {(0,helpers_1.getSize)(t.message)}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
@@ -403,717 +94,200 @@ const LogDetail = react_1.default.memo(() => {
 
       
       <react_native_1.View style={detailStyles.tabsHeaderWrap}>
-        <SegmentedTabs_1.default tabs={subTabs} activeKey={activeTab} onChange={key => setActiveTab(key)}/>
+        <SegmentedTabs_1.default tabs={B}activeKey={l}onChange={e=>i(e)}/>
       </react_native_1.View>
 
       
-      {activeTab !== 'metadata' && (<react_native_1.View style={{ paddingHorizontal: 12, paddingTop: 6, paddingBottom: 4 }}>
-          <react_native_1.View style={[styles_1.default.detailSearchRow, { marginBottom: 0 }]}>
-            <react_native_1.View style={[
-                styles_1.default.detailSearchBox,
-                {
-                    backgroundColor: isDark
-                        ? `${AppColors_1.AppColors.brandPurple}10`
-                        : AppColors_1.AppColors.purpleShade50,
-                    borderWidth: 1,
-                    borderColor: AppColors_1.AppColors.dividerColor,
-                },
-            ]}>
-              <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak} size={15}/>
-              <react_native_1.TextInput placeholder="Search in log details..." placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={detailSearch} onChangeText={setDetailSearch} style={styles_1.default.detailSearchInput} autoCorrect={false} autoCapitalize="none"/>
-              {detailSearch.length > 0 && (<react_native_1.Pressable onPress={() => setDetailSearch('')} hitSlop={10} style={{ padding: 6 }}>
-                  <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak} size={13}/>
-                </react_native_1.Pressable>)}
+      {l!=="metadata"&&<react_native_1.View style={{paddingHorizontal:12,paddingTop:6,paddingBottom:4}}>
+          <react_native_1.View style={[styles_1.default.detailSearchRow,{marginBottom:0}]}>
+            <react_native_1.View style={[styles_1.default.detailSearchBox,{backgroundColor:g?`${AppColors_1.AppColors.brandPurple}10`:AppColors_1.AppColors.purpleShade50,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}]}>
+              <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={15}/>
+              <react_native_1.TextInput placeholder="Search in log details..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={a}onChangeText={y}style={styles_1.default.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
+              {a.length>0&&<react_native_1.Pressable onPress={()=>y("")}hitSlop={10}style={{padding:6}}>
+                  <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
+                </react_native_1.Pressable>}
             </react_native_1.View>
           </react_native_1.View>
-        </react_native_1.View>)}
+        </react_native_1.View>}
 
       
-      <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{
-            paddingHorizontal: 12,
-            paddingTop: 6,
-            paddingBottom: 28,
-            flexGrow: 1,
-        }} showsVerticalScrollIndicator={true} keyboardShouldPersistTaps="handled">
+      <react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{paddingHorizontal:12,paddingTop:6,paddingBottom:28,flexGrow:1}}showsVerticalScrollIndicator={!0}keyboardShouldPersistTaps="handled">
         
-        {activeTab === 'output' && (<react_native_1.View style={[
-                styles_1.default.sectionContainer,
-                {
-                    backgroundColor: isDark
-                        ? `${AppColors_1.AppColors.purple}12`
-                        : AppColors_1.AppColors.purpleShade50,
-                    borderWidth: 1,
-                    borderColor: AppColors_1.AppColors.dividerColor,
-                    borderRadius: 12,
-                    overflow: 'hidden',
-                    flex: 1,
-                },
-            ]}>
+        {l==="output"&&<react_native_1.View style={[styles_1.default.sectionContainer,{backgroundColor:g?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.purpleShade50,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,borderRadius:12,overflow:"hidden",flex:1}]}>
             
-            <react_native_1.View style={{
-                flexDirection: 'column',
-                gap: 8,
-                paddingHorizontal: 12,
-                paddingVertical: 10,
-                borderBottomWidth: 1,
-                borderBottomColor: AppColors_1.AppColors.dividerColor,
-                backgroundColor: isDark
-                    ? AppColors_1.AppColors.primaryLight
-                    : AppColors_1.AppColors.grayBackground,
-            }}>
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                justifyContent: 'space-between',
-                alignItems: 'center',
-            }}>
-                <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.purple,
-                letterSpacing: 0.4,
-                textTransform: 'uppercase',
-            }}>
-                  {jsonContent
-                ? t('console.jsonTitle')
-                : t('console.messageTitle')}
+            <react_native_1.View style={{flexDirection:"column",gap:8,paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,backgroundColor:g?AppColors_1.AppColors.primaryLight:AppColors_1.AppColors.grayBackground}}>
+              <react_native_1.View style={{flexDirection:"row",justifyContent:"space-between",alignItems:"center"}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.purple,letterSpacing:.4,textTransform:"uppercase"}}>
+                  {o(p?"console.jsonTitle":"console.messageTitle")}
                 </react_native_1.Text>
-                <CopyButton_1.default value={selectedLog.message} label={t('console.logMessage')}/>
+                <CopyButton_1.default value={t.message}label={o("console.logMessage")}/>
               </react_native_1.View>
 
-              {jsonContent && (<SegmentedTabs_1.default tabs={[
-                    {
-                        key: 'pretty',
-                        label: t('network.jsonViewer.pretty'),
-                        icon: (isActive) => (<NetworkIcons_1.PrettyIcon color={isActive
-                                ? AppColors_1.AppColors.white
-                                : AppColors_1.AppColors.grayTextWeak} size={12}/>),
-                    },
-                    {
-                        key: 'raw',
-                        label: t('network.jsonViewer.raw'),
-                        icon: (isActive) => (<NetworkIcons_1.RawIcon color={isActive
-                                ? AppColors_1.AppColors.white
-                                : AppColors_1.AppColors.grayTextWeak} size={12}/>),
-                    },
-                    {
-                        key: 'table',
-                        label: t('network.jsonViewer.table'),
-                        icon: (isActive) => (<NetworkIcons_1.TableIcon color={isActive
-                                ? AppColors_1.AppColors.white
-                                : AppColors_1.AppColors.grayTextWeak} size={12}/>),
-                    },
-                ]} activeKey={viewMode} onChange={key => setViewMode(key)}/>)}
+              {p&&<SegmentedTabs_1.default tabs={[{key:"pretty",label:o("network.jsonViewer.pretty"),icon:e=><NetworkIcons_1.PrettyIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>},{key:"raw",label:o("network.jsonViewer.raw"),icon:e=><NetworkIcons_1.RawIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>},{key:"table",label:o("network.jsonViewer.table"),icon:e=><NetworkIcons_1.TableIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}]}activeKey={b}onChange={e=>v(e)}/>}
             </react_native_1.View>
 
             
-            <react_native_1.View style={{ padding: 12, flex: 1 }}>
-              {jsonContent ? (<>
-                  {jsonContent.header ? (<react_native_1.View style={{
-                        backgroundColor: AppColors_1.AppColors.primaryLight,
-                        borderRadius: 8,
-                        borderWidth: 1,
-                        borderColor: AppColors_1.AppColors.dividerColor,
-                        padding: 10,
-                        marginBottom: 8,
-                    }}>
-                      <react_native_1.Text selectable style={{
-                        fontFamily: AppFonts_1.AppFonts.interRegular,
-                        fontSize: 12,
-                        color: AppColors_1.AppColors.primaryBlack,
-                        lineHeight: 17,
-                    }}>
-                        {jsonContent.header}
+            <react_native_1.View style={{padding:12,flex:1}}>
+              {p?<>
+                  {p.header?<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,padding:10,marginBottom:8}}>
+                      <react_native_1.Text selectable style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.primaryBlack,lineHeight:17}}>
+                        {p.header}
                       </react_native_1.Text>
-                    </react_native_1.View>) : null}
-                  <JsonViewer_1.default data={jsonContent.data} search={detailSearch} wrap forceOpen hideTabs fullHeight mode={viewMode} defaultExpandDepth={jsonContent.data &&
-                    typeof jsonContent.data === 'object' &&
-                    Object.keys(jsonContent.data).length > 10
-                    ? 1
-                    : 2}/>
-                </>) : (<react_native_1.View style={{
-                    backgroundColor: AppColors_1.AppColors.primaryLight,
-                    borderRadius: 8,
-                    borderWidth: 1,
-                    borderColor: AppColors_1.AppColors.dividerColor,
-                    padding: 10,
-                }}>
-                  <HighlightText_1.default text={selectedLog.message} search={detailSearch} style={{
-                    fontFamily: AppFonts_1.AppFonts.interRegular,
-                    fontSize: 12,
-                    color: AppColors_1.AppColors.primaryBlack,
-                    lineHeight: 18,
-                }} highlightStyle={{
-                    backgroundColor: AppColors_1.AppColors.yellowHighlight,
-                    color: AppColors_1.AppColors.primaryBlack,
-                    borderRadius: 3,
-                    paddingHorizontal: 2,
-                }} detectLinks={true}/>
-                </react_native_1.View>)}
+                    </react_native_1.View>:null}
+                  <JsonViewer_1.default data={p.data}search={a}wrap forceOpen hideTabs fullHeight mode={b}defaultExpandDepth={p.data&&typeof p.data=="object"&&Object.keys(p.data).length>10?1:2}/>
+                </>:<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,padding:10}}>
+                  <HighlightText_1.default text={t.message}search={a}style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.primaryBlack,lineHeight:18}}highlightStyle={{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:3,paddingHorizontal:2}}detectLinks={!0}/>
+                </react_native_1.View>}
             </react_native_1.View>
-          </react_native_1.View>)}
+          </react_native_1.View>}
 
         
-        {activeTab === 'arguments' && selectedLog.rawArgs && (<react_native_1.View style={{ gap: 10 }}>
-            {selectedLog.rawArgs.map((arg, idx) => {
-                const argType = arg === null
-                    ? 'null'
-                    : Array.isArray(arg)
-                        ? `Array[${arg.length}]`
-                        : typeof arg === 'object'
-                            ? `Object{${Object.keys(arg).length}}`
-                            : typeof arg;
-                const isObj = arg != null &&
-                    (typeof arg === 'object' || Array.isArray(arg));
-                const argStr = isObj
-                    ? JSON.stringify(arg, null, 2)
-                    : String(arg);
-                return (<react_native_1.View key={idx} style={[
-                        styles_1.default.sectionContainer,
-                        {
-                            backgroundColor: AppColors_1.AppColors.primaryLight,
-                            borderRadius: 10,
-                            borderWidth: 1,
-                            borderColor: AppColors_1.AppColors.dividerColor,
-                            overflow: 'hidden',
-                        },
-                    ]}>
-                  <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        justifyContent: 'space-between',
-                        paddingHorizontal: 12,
-                        paddingVertical: 8,
-                        backgroundColor: AppColors_1.AppColors.grayBackground,
-                        borderBottomWidth: 1,
-                        borderBottomColor: AppColors_1.AppColors.dividerColor,
-                    }}>
-                    <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 6,
-                    }}>
-                      <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        color: AppColors_1.AppColors.purple,
-                    }}>
-                        Arg #{idx + 1}
+        {l==="arguments"&&t.rawArgs&&<react_native_1.View style={{gap:10}}>
+            {t.rawArgs.map((e,n)=>{const c=e===null?"null":Array.isArray(e)?`Array[${e.length}]`:typeof e=="object"?`Object{${Object.keys(e).length}}`:typeof e,A=e!=null&&(typeof e=="object"||Array.isArray(e)),w=A?JSON.stringify(e,null,2):String(e);return<react_native_1.View key={n}style={[styles_1.default.sectionContainer,{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,overflow:"hidden"}]}>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:8,backgroundColor:AppColors_1.AppColors.grayBackground,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple}}>
+                        Arg #{n+1}
                       </react_native_1.Text>
-                      <react_native_1.View style={[
-                        styles_1.default.metaChip,
-                        {
-                            backgroundColor: `${AppColors_1.AppColors.teal600}12`,
-                            borderColor: `${AppColors_1.AppColors.teal600}2B`,
-                            paddingHorizontal: 5,
-                            paddingVertical: 1.5,
-                        },
-                    ]}>
-                        <react_native_1.Text style={[
-                        styles_1.default.metaChipText,
-                        { color: AppColors_1.AppColors.teal600, fontSize: 9 },
-                    ]}>
-                          {argType}
+                      <react_native_1.View style={[styles_1.default.metaChip,{backgroundColor:`${AppColors_1.AppColors.teal600}12`,borderColor:`${AppColors_1.AppColors.teal600}2B`,paddingHorizontal:5,paddingVertical:1.5}]}>
+                        <react_native_1.Text style={[styles_1.default.metaChipText,{color:AppColors_1.AppColors.teal600,fontSize:9}]}>
+                          {c}
                         </react_native_1.Text>
                       </react_native_1.View>
                     </react_native_1.View>
-                    <CopyButton_1.default value={argStr} label={`Arg #${idx + 1}`}/>
+                    <CopyButton_1.default value={w}label={`Arg #${n+1}`}/>
                   </react_native_1.View>
 
-                  <react_native_1.View style={{ padding: 10 }}>
-                    {isObj ? (<JsonViewer_1.default data={arg} search={detailSearch} wrap forceOpen hideTabs defaultExpandDepth={2}/>) : (<HighlightText_1.default text={argStr} search={detailSearch} style={{
-                            fontFamily: AppFonts_1.AppFonts.interRegular,
-                            fontSize: 12,
-                            color: AppColors_1.AppColors.primaryBlack,
-                            lineHeight: 17,
-                        }} highlightStyle={{
-                            backgroundColor: AppColors_1.AppColors.yellowHighlight,
-                            color: AppColors_1.AppColors.primaryBlack,
-                        }}/>)}
+                  <react_native_1.View style={{padding:10}}>
+                    {A?<JsonViewer_1.default data={e}search={a}wrap forceOpen hideTabs defaultExpandDepth={2}/>:<HighlightText_1.default text={w}search={a}style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.primaryBlack,lineHeight:17}}highlightStyle={{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack}}/>}
                   </react_native_1.View>
-                </react_native_1.View>);
-            })}
-          </react_native_1.View>)}
+                </react_native_1.View>})}
+          </react_native_1.View>}
 
         
-        {activeTab === 'stack' && (<react_native_1.View style={[
-                styles_1.default.sectionContainer,
-                {
-                    backgroundColor: isDark
-                        ? `${AppColors_1.AppColors.purple}12`
-                        : AppColors_1.AppColors.purpleShade50,
-                    borderWidth: 1,
-                    borderColor: AppColors_1.AppColors.dividerColor,
-                    borderRadius: 12,
-                    overflow: 'hidden',
-                },
-            ]}>
+        {l==="stack"&&<react_native_1.View style={[styles_1.default.sectionContainer,{backgroundColor:g?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.purpleShade50,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,borderRadius:12,overflow:"hidden"}]}>
             
-            <react_native_1.View style={{
-                flexDirection: 'column',
-                gap: 8,
-                paddingHorizontal: 12,
-                paddingVertical: 10,
-                borderBottomWidth: 1,
-                borderBottomColor: AppColors_1.AppColors.dividerColor,
-                backgroundColor: isDark
-                    ? AppColors_1.AppColors.primaryLight
-                    : AppColors_1.AppColors.grayBackground,
-            }}>
+            <react_native_1.View style={{flexDirection:"column",gap:8,paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,backgroundColor:g?AppColors_1.AppColors.primaryLight:AppColors_1.AppColors.grayBackground}}>
               
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                gap: 8,
-            }}>
-                <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.purple,
-                textTransform: 'uppercase',
-                letterSpacing: 0.4,
-            }}>
-                  {stackSource === 'error'
-                ? t('console.errorStack', { count: parsedStackFrames.length })
-                : t('console.callStack', { count: parsedStackFrames.length })}
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.purple,textTransform:"uppercase",letterSpacing:.4}}>
+                  {m==="error"?o("console.errorStack",{count:s.length}):o("console.callStack",{count:s.length})}
                 </react_native_1.Text>
 
-                <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 5 }}>
-                  <react_native_1.View style={{
-                flexDirection: 'row',
-                backgroundColor: isDark ? AppColors_1.AppColors.primaryLight : AppColors_1.AppColors.white,
-                borderRadius: 7,
-                padding: 2,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.dividerColor,
-            }}>
-                    <react_native_1.Pressable onPress={() => setStackViewMode('structured')} style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 3,
-                paddingVertical: 3.5,
-                paddingHorizontal: 7,
-                borderRadius: 5,
-                backgroundColor: stackViewMode === 'structured'
-                    ? AppColors_1.AppColors.brandPurple
-                    : 'transparent',
-            }}>
-                      <NetworkIcons_1.LayersIcon color={stackViewMode === 'structured'
-                ? AppColors_1.AppColors.white
-                : AppColors_1.AppColors.grayTextWeak} size={11}/>
-                      <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 10,
-                color: stackViewMode === 'structured'
-                    ? AppColors_1.AppColors.white
-                    : AppColors_1.AppColors.grayTextStrong,
-            }}>
-                        {t('console.cardsView')}
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
+                  <react_native_1.View style={{flexDirection:"row",backgroundColor:g?AppColors_1.AppColors.primaryLight:AppColors_1.AppColors.white,borderRadius:7,padding:2,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
+                    <react_native_1.Pressable onPress={()=>h("structured")}style={{flexDirection:"row",alignItems:"center",gap:3,paddingVertical:3.5,paddingHorizontal:7,borderRadius:5,backgroundColor:d==="structured"?AppColors_1.AppColors.brandPurple:"transparent"}}>
+                      <NetworkIcons_1.LayersIcon color={d==="structured"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={11}/>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:d==="structured"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextStrong}}>
+                        {o("console.cardsView")}
                       </react_native_1.Text>
                     </react_native_1.Pressable>
 
-                    <react_native_1.Pressable onPress={() => setStackViewMode('raw')} style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 3,
-                paddingVertical: 3.5,
-                paddingHorizontal: 7,
-                borderRadius: 5,
-                backgroundColor: stackViewMode === 'raw'
-                    ? AppColors_1.AppColors.brandPurple
-                    : 'transparent',
-            }}>
-                      <NetworkIcons_1.RawIcon color={stackViewMode === 'raw'
-                ? AppColors_1.AppColors.white
-                : AppColors_1.AppColors.grayTextWeak} size={11}/>
-                      <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 10,
-                color: stackViewMode === 'raw'
-                    ? AppColors_1.AppColors.white
-                    : AppColors_1.AppColors.grayTextStrong,
-            }}>
-                        {t('console.rawTraceView')}
+                    <react_native_1.Pressable onPress={()=>h("raw")}style={{flexDirection:"row",alignItems:"center",gap:3,paddingVertical:3.5,paddingHorizontal:7,borderRadius:5,backgroundColor:d==="raw"?AppColors_1.AppColors.brandPurple:"transparent"}}>
+                      <NetworkIcons_1.RawIcon color={d==="raw"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={11}/>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:d==="raw"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextStrong}}>
+                        {o("console.rawTraceView")}
                       </react_native_1.Text>
                     </react_native_1.Pressable>
                   </react_native_1.View>
 
-                  <CopyButton_1.default value={activeStackString} label={t('console.fullStackTrace')}/>
+                  <CopyButton_1.default value={C}label={o("console.fullStackTrace")}/>
                 </react_native_1.View>
               </react_native_1.View>
 
               
-              {selectedLog.errorStack && (<SegmentedTabs_1.default tabs={[
-                    {
-                        key: 'caller',
-                        label: t('console.callOriginStack'),
-                    },
-                    {
-                        key: 'error',
-                        label: t('console.errorThrownStack'),
-                    },
-                ]} activeKey={stackSource} onChange={key => setStackSource(key)}/>)}
+              {t.errorStack&&<SegmentedTabs_1.default tabs={[{key:"caller",label:o("console.callOriginStack")},{key:"error",label:o("console.errorThrownStack")}]}activeKey={m}onChange={e=>V(e)}/>}
 
               
-              <SegmentedTabs_1.default tabs={[
-                {
-                    key: 'app',
-                    label: t('console.appCodeScope', { count: appStackFrames.length }),
-                },
-                {
-                    key: 'all',
-                    label: t('console.allFramesScope', { count: parsedStackFrames.length }),
-                },
-            ]} activeKey={stackFilter} onChange={key => setStackFilter(key)}/>
+              <SegmentedTabs_1.default tabs={[{key:"app",label:o("console.appCodeScope",{count:u.length})},{key:"all",label:o("console.allFramesScope",{count:s.length})}]}activeKey={_}onChange={e=>k(e)}/>
             </react_native_1.View>
 
             
-            {stackViewMode === 'structured' ? (<react_native_1.View style={{ padding: 12, gap: 10 }}>
-                {displayedFrames.length > 0 ? (displayedFrames.map((frame, frameIdx) => {
-                    const isTopFrame = frameIdx === 0;
-                    const frameBadgeBg = frame.frameType === 'app'
-                        ? `${AppColors_1.AppColors.brandPurple}15`
-                        : frame.frameType === 'dependency'
-                            ? `${AppColors_1.AppColors.amber500}18`
-                            : frame.frameType === 'native'
-                                ? `${AppColors_1.AppColors.sky500}18`
-                                : AppColors_1.AppColors.grayBorderSecondary;
-                    const frameBadgeText = frame.frameType === 'app'
-                        ? AppColors_1.AppColors.brandPurple
-                        : frame.frameType === 'dependency'
-                            ? AppColors_1.AppColors.amber700
-                            : frame.frameType === 'native'
-                                ? AppColors_1.AppColors.sky500
-                                : AppColors_1.AppColors.grayTextWeak;
-                    return (<react_native_1.View key={frameIdx} style={{
-                            backgroundColor: isTopFrame
-                                ? `${AppColors_1.AppColors.brandPurple}0A`
-                                : AppColors_1.AppColors.primaryLight,
-                            borderRadius: 10,
-                            borderWidth: 1,
-                            borderColor: isTopFrame
-                                ? `${AppColors_1.AppColors.brandPurple}35`
-                                : AppColors_1.AppColors.dividerColor,
-                            padding: 11,
-                            gap: 6,
-                        }}>
+            {d==="structured"?<react_native_1.View style={{padding:12,gap:10}}>
+                {x.length>0?x.map((e,n)=>{const c=n===0,A=e.frameType==="app"?`${AppColors_1.AppColors.brandPurple}15`:e.frameType==="dependency"?`${AppColors_1.AppColors.amber500}18`:e.frameType==="native"?`${AppColors_1.AppColors.sky500}18`:AppColors_1.AppColors.grayBorderSecondary,w=e.frameType==="app"?AppColors_1.AppColors.brandPurple:e.frameType==="dependency"?AppColors_1.AppColors.amber700:e.frameType==="native"?AppColors_1.AppColors.sky500:AppColors_1.AppColors.grayTextWeak;return<react_native_1.View key={n}style={{backgroundColor:c?`${AppColors_1.AppColors.brandPurple}0A`:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:c?`${AppColors_1.AppColors.brandPurple}35`:AppColors_1.AppColors.dividerColor,padding:11,gap:6}}>
                         
-                        <react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            gap: 6,
-                        }}>
-                          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 5, flex: 1, flexWrap: 'wrap' }}>
-                            {isTopFrame && (<react_native_1.View style={{
-                                backgroundColor: AppColors_1.AppColors.brandPurple,
-                                borderRadius: 4,
-                                paddingHorizontal: 5,
-                                paddingVertical: 1.5,
-                            }}>
-                                <react_native_1.Text style={{
-                                fontFamily: AppFonts_1.AppFonts.interBold,
-                                fontSize: 8.5,
-                                color: AppColors_1.AppColors.white,
-                            }}>
-                                  {t('console.originBadge')}
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6}}>
+                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flex:1,flexWrap:"wrap"}}>
+                            {c&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.brandPurple,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5}}>
+                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.white}}>
+                                  {o("console.originBadge")}
                                 </react_native_1.Text>
-                              </react_native_1.View>)}
+                              </react_native_1.View>}
 
-                            {frame.fileExt && frame.fileExt !== 'other' && (<react_native_1.View style={{
-                                backgroundColor: frame.fileExt === 'tsx' || frame.fileExt === 'ts'
-                                    ? `${AppColors_1.AppColors.brandPurple}18`
-                                    : `${AppColors_1.AppColors.teal600}18`,
-                                borderRadius: 4,
-                                paddingHorizontal: 4.5,
-                                paddingVertical: 1.5,
-                            }}>
-                                <react_native_1.Text style={{
-                                fontFamily: AppFonts_1.AppFonts.interBold,
-                                fontSize: 8.5,
-                                color: frame.fileExt === 'tsx' || frame.fileExt === 'ts'
-                                    ? AppColors_1.AppColors.brandPurple
-                                    : AppColors_1.AppColors.teal600,
-                            }}>
-                                  {frame.fileExt.toUpperCase()}
+                            {e.fileExt&&e.fileExt!=="other"&&<react_native_1.View style={{backgroundColor:e.fileExt==="tsx"||e.fileExt==="ts"?`${AppColors_1.AppColors.brandPurple}18`:`${AppColors_1.AppColors.teal600}18`,borderRadius:4,paddingHorizontal:4.5,paddingVertical:1.5}}>
+                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:e.fileExt==="tsx"||e.fileExt==="ts"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.teal600}}>
+                                  {e.fileExt.toUpperCase()}
                                 </react_native_1.Text>
-                              </react_native_1.View>)}
+                              </react_native_1.View>}
 
-                            <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 11.5,
-                            color: isTopFrame
-                                ? AppColors_1.AppColors.brandPurple
-                                : AppColors_1.AppColors.primaryBlack,
-                        }}>
-                              {frame.fileName}
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:c?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.primaryBlack}}>
+                              {e.fileName}
                             </react_native_1.Text>
                           </react_native_1.View>
 
-                          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 4 }}>
-                            {frame.lineNumber && (<react_native_1.View style={{
-                                backgroundColor: `${AppColors_1.AppColors.teal600}15`,
-                                borderColor: `${AppColors_1.AppColors.teal600}30`,
-                                borderWidth: 1,
-                                borderRadius: 4,
-                                paddingHorizontal: 5,
-                                paddingVertical: 1.5,
-                            }}>
-                                <react_native_1.Text style={{
-                                fontFamily: AppFonts_1.AppFonts.interBold,
-                                fontSize: 9.5,
-                                color: AppColors_1.AppColors.teal600,
-                            }}>
-                                  L{frame.lineNumber}{frame.columnNumber ? `:C${frame.columnNumber}` : ''}
+                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
+                            {e.lineNumber&&<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.teal600}15`,borderColor:`${AppColors_1.AppColors.teal600}30`,borderWidth:1,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5}}>
+                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.teal600}}>
+                                  L{e.lineNumber}{e.columnNumber?`:C${e.columnNumber}`:""}
                                 </react_native_1.Text>
-                              </react_native_1.View>)}
-                            <CopyButton_1.default value={frame.copyableLocation} label={frame.fileName}/>
+                              </react_native_1.View>}
+                            <CopyButton_1.default value={e.copyableLocation}label={e.fileName}/>
                           </react_native_1.View>
                         </react_native_1.View>
 
                         
-                        <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 5 }}>
-                          <HighlightText_1.default text={frame.functionName !== '<anonymous>' ? `${frame.functionName}()` : '<anonymous>'} search={detailSearch} style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 12.5,
-                            color: AppColors_1.AppColors.primaryBlack,
-                        }} highlightStyle={{
-                            backgroundColor: AppColors_1.AppColors.yellowHighlight,
-                            color: AppColors_1.AppColors.primaryBlack,
-                        }}/>
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
+                          <HighlightText_1.default text={e.functionName!=="<anonymous>"?`${e.functionName}()`:"<anonymous>"}search={a}style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack}}highlightStyle={{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack}}/>
                         </react_native_1.View>
 
                         
-                        <react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            backgroundColor: isDark ? `${AppColors_1.AppColors.primaryBlack}25` : AppColors_1.AppColors.grayBackground,
-                            borderRadius: 6,
-                            paddingHorizontal: 8,
-                            paddingVertical: 4.5,
-                            gap: 6,
-                        }}>
-                          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 5, flex: 1 }}>
-                            <NetworkIcons_1.FolderIcon size={12} color={AppColors_1.AppColors.grayTextWeak}/>
-                            <react_native_1.Text selectable style={{
-                            fontFamily: AppFonts_1.AppFonts.interRegular,
-                            fontSize: 9.5,
-                            color: AppColors_1.AppColors.grayTextStrong,
-                            flex: 1,
-                        }} numberOfLines={1}>
-                              {frame.fullPath}
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:g?`${AppColors_1.AppColors.primaryBlack}25`:AppColors_1.AppColors.grayBackground,borderRadius:6,paddingHorizontal:8,paddingVertical:4.5,gap:6}}>
+                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flex:1}}>
+                            <NetworkIcons_1.FolderIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
+                            <react_native_1.Text selectable style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextStrong,flex:1}}numberOfLines={1}>
+                              {e.fullPath}
                             </react_native_1.Text>
                           </react_native_1.View>
 
-                          <react_native_1.View style={{
-                            backgroundColor: frameBadgeBg,
-                            borderRadius: 4,
-                            paddingHorizontal: 5,
-                            paddingVertical: 1.5,
-                        }}>
-                            <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 8.5,
-                            color: frameBadgeText,
-                        }}>
-                              {frame.frameType === 'app'
-                            ? t('console.appCodeBadge')
-                            : frame.frameType === 'dependency'
-                                ? t('console.dependencyBadge')
-                                : frame.frameType === 'native'
-                                    ? t('console.nativeBadge')
-                                    : t('console.hermesVmBadge')}
+                          <react_native_1.View style={{backgroundColor:A,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5}}>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:w}}>
+                              {e.frameType==="app"?o("console.appCodeBadge"):e.frameType==="dependency"?o("console.dependencyBadge"):e.frameType==="native"?o("console.nativeBadge"):o("console.hermesVmBadge")}
                             </react_native_1.Text>
                           </react_native_1.View>
                         </react_native_1.View>
-                      </react_native_1.View>);
-                })) : (<react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interRegular,
-                        fontSize: 11.5,
-                        color: AppColors_1.AppColors.grayTextWeak,
-                        textAlign: 'center',
-                        paddingVertical: 16,
-                    }}>
-                    {t('console.noStackAvailable')}
-                  </react_native_1.Text>)}
-              </react_native_1.View>) : (<react_native_1.View style={{
-                    backgroundColor: AppColors_1.AppColors.primaryLight,
-                    padding: 12,
-                }}>
-                {activeStackString.split('\n').filter(l => l.trim().length > 0).map((line, lineIdx) => (<react_native_1.View key={lineIdx} style={{
-                        flexDirection: 'row',
-                        alignItems: 'flex-start',
-                        paddingVertical: 2,
-                    }}>
-                    <react_native_1.Text style={{
-                        width: 28,
-                        textAlign: 'right',
-                        paddingRight: 8,
-                        fontFamily: AppFonts_1.AppFonts.interRegular,
-                        fontSize: 11,
-                        color: AppColors_1.AppColors.grayTextWeak,
-                        lineHeight: 17,
-                    }}>
-                      {lineIdx + 1}
+                      </react_native_1.View>}):<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.grayTextWeak,textAlign:"center",paddingVertical:16}}>
+                    {o("console.noStackAvailable")}
+                  </react_native_1.Text>}
+              </react_native_1.View>:<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:12}}>
+                {C.split(`
+`).filter(e=>e.trim().length>0).map((e,n)=><react_native_1.View key={n}style={{flexDirection:"row",alignItems:"flex-start",paddingVertical:2}}>
+                    <react_native_1.Text style={{width:28,textAlign:"right",paddingRight:8,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,lineHeight:17}}>
+                      {n+1}
                     </react_native_1.Text>
-                    <HighlightText_1.default text={line.trim()} search={detailSearch} style={{
-                        flex: 1,
-                        fontFamily: AppFonts_1.AppFonts.interRegular,
-                        fontSize: 12,
-                        color: AppColors_1.AppColors.primaryBlack,
-                        lineHeight: 17,
-                    }} highlightStyle={{
-                        backgroundColor: AppColors_1.AppColors.yellowHighlight,
-                        color: AppColors_1.AppColors.primaryBlack,
-                    }}/>
-                  </react_native_1.View>))}
-              </react_native_1.View>)}
-          </react_native_1.View>)}
+                    <HighlightText_1.default text={e.trim()}search={a}style={{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.primaryBlack,lineHeight:17}}highlightStyle={{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack}}/>
+                  </react_native_1.View>)}
+              </react_native_1.View>}
+          </react_native_1.View>}
 
         
-        {activeTab === 'metadata' && (<react_native_1.View style={[
-                styles_1.default.sectionContainer,
-                {
-                    backgroundColor: AppColors_1.AppColors.primaryLight,
-                    borderRadius: 10,
-                    borderWidth: 1,
-                    borderColor: AppColors_1.AppColors.dividerColor,
-                    overflow: 'hidden',
-                },
-            ]}>
-            <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                paddingHorizontal: 12,
-                paddingVertical: 9,
-                backgroundColor: AppColors_1.AppColors.grayBackground,
-                borderBottomWidth: 1,
-                borderBottomColor: AppColors_1.AppColors.dividerColor,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.purple,
-                textTransform: 'uppercase',
-                letterSpacing: 0.4,
-            }}>
+        {l==="metadata"&&<react_native_1.View style={[styles_1.default.sectionContainer,{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,overflow:"hidden"}]}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:9,backgroundColor:AppColors_1.AppColors.grayBackground,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.purple,textTransform:"uppercase",letterSpacing:.4}}>
                 Log Properties
               </react_native_1.Text>
-              <CopyButton_1.default value={JSON.stringify({
-                id: selectedLog.id + 1,
-                type: selectedLog.type,
-                sourceMethod: selectedLog.sourceMethod || 'log',
-                timestamp: selectedLog.timestamp,
-                dateTime: (0, helpers_1.formatDateTime)(selectedLog.timestamp),
-                caller: selectedLog.caller,
-                triggerFile: originFrame?.fileName,
-                triggerLine: originFrame?.lineNumber,
-                triggerFunction: originFrame?.functionName,
-                charCount: selectedLog.message.length,
-                size: (0, helpers_1.getSize)(selectedLog.message),
-                duplicates: selectedLog.duplicateCount || 1,
-            }, null, 2)} label="Metadata JSON"/>
+              <CopyButton_1.default value={JSON.stringify({id:t.id+1,type:t.type,sourceMethod:t.sourceMethod||"log",timestamp:t.timestamp,dateTime:(0,helpers_1.formatDateTime)(t.timestamp),caller:t.caller,triggerFile:r?.fileName,triggerLine:r?.lineNumber,triggerFunction:r?.functionName,charCount:t.message.length,size:(0,helpers_1.getSize)(t.message),duplicates:t.duplicateCount||1},null,2)}label="Metadata JSON"/>
             </react_native_1.View>
 
-            <react_native_1.View style={{ paddingHorizontal: 12, paddingVertical: 4 }}>
-              {[
-                { label: 'Log ID', value: `#${selectedLog.id + 1}` },
-                { label: 'Level', value: selectedLog.type.toUpperCase() },
-                {
-                    label: 'Source Method',
-                    value: `console.${selectedLog.sourceMethod || selectedLog.type || 'log'}`,
-                },
-                {
-                    label: 'Triggered At',
-                    value: `${(0, helpers_1.formatDateTime)(selectedLog.timestamp)} (${getRelativeTime(selectedLog.timestamp)})`,
-                },
-                { label: 'Timestamp (ms)', value: String(selectedLog.timestamp) },
-                {
-                    label: 'Trigger File',
-                    value: originFrame?.fileName || 'Unknown',
-                },
-                ...(originFrame?.lineNumber
-                    ? [
-                        {
-                            label: 'Trigger Location',
-                            value: `Line ${originFrame.lineNumber}, Col ${originFrame.columnNumber || 0}`,
-                        },
-                    ]
-                    : []),
-                ...(originFrame?.functionName && originFrame.functionName !== '<anonymous>'
-                    ? [
-                        {
-                            label: 'Trigger Function',
-                            value: `${originFrame.functionName}()`,
-                        },
-                    ]
-                    : []),
-                {
-                    label: 'Full Location',
-                    value: selectedLog.caller || 'Unknown',
-                },
-                {
-                    label: 'Character Length',
-                    value: `${selectedLog.message.length} chars`,
-                },
-                {
-                    label: 'Approx. Size',
-                    value: (0, helpers_1.getSize)(selectedLog.message),
-                },
-                {
-                    label: 'Duplicate Count',
-                    value: String(selectedLog.duplicateCount || 1),
-                },
-                ...(hasMultipleArgs
-                    ? [
-                        {
-                            label: 'Arguments Count',
-                            value: `${selectedLog.rawArgs?.length} arguments`,
-                        },
-                    ]
-                    : []),
-            ].map((row, rIdx, arr) => (<react_native_1.View key={rIdx} style={{
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    paddingVertical: 8,
-                    borderBottomWidth: rIdx < arr.length - 1 ? 1 : 0,
-                    borderBottomColor: AppColors_1.AppColors.grayBorderSecondary,
-                }}>
-                  <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interMedium,
-                    fontSize: 11.5,
-                    color: AppColors_1.AppColors.grayTextWeak,
-                }}>
-                    {row.label}
+            <react_native_1.View style={{paddingHorizontal:12,paddingVertical:4}}>
+              {[{label:"Log ID",value:`#${t.id+1}`},{label:"Level",value:t.type.toUpperCase()},{label:"Source Method",value:`console.${t.sourceMethod||t.type||"log"}`},{label:"Triggered At",value:`${(0,helpers_1.formatDateTime)(t.timestamp)} (${getRelativeTime(t.timestamp)})`},{label:"Timestamp (ms)",value:String(t.timestamp)},{label:"Trigger File",value:r?.fileName||"Unknown"},...r?.lineNumber?[{label:"Trigger Location",value:`Line ${r.lineNumber}, Col ${r.columnNumber||0}`}]:[],...r?.functionName&&r.functionName!=="<anonymous>"?[{label:"Trigger Function",value:`${r.functionName}()`}]:[],{label:"Full Location",value:t.caller||"Unknown"},{label:"Character Length",value:`${t.message.length} chars`},{label:"Approx. Size",value:(0,helpers_1.getSize)(t.message)},{label:"Duplicate Count",value:String(t.duplicateCount||1)},...T?[{label:"Arguments Count",value:`${t.rawArgs?.length} arguments`}]:[]].map((e,n,c)=><react_native_1.View key={n}style={{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:8,borderBottomWidth:n<c.length-1?1:0,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.grayTextWeak}}>
+                    {e.label}
                   </react_native_1.Text>
-                  <react_native_1.Text selectable style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 11.5,
-                    color: AppColors_1.AppColors.primaryBlack,
-                    maxWidth: '60%',
-                    textAlign: 'right',
-                }} numberOfLines={2}>
-                    {row.value}
+                  <react_native_1.Text selectable style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack,maxWidth:"60%",textAlign:"right"}}numberOfLines={2}>
+                    {e.value}
                   </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.ScrollView>
-    </react_native_1.View>);
-});
-const detailStyles = react_native_1.StyleSheet.create({
-    metaDot: {
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-        opacity: 0.7,
-    },
-    tabsHeaderWrap: {
-        paddingHorizontal: 12,
-        paddingTop: 8,
-        paddingBottom: 4,
-    },
-});
-exports.default = LogDetail;
+    </react_native_1.View>}),detailStyles=react_native_1.StyleSheet.create({metaDot:{fontSize:10,color:AppColors_1.AppColors.grayTextWeak,opacity:.7},tabsHeaderWrap:{paddingHorizontal:12,paddingTop:8,paddingBottom:4}});exports.default=LogDetail;