react-native-inapp-inspector 2.3.19 → 2.3.21

package/dist/commonjs/components/ConsoleLogCard.js

@@ -1,573 +1,99 @@
-"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 });
-exports.ConsoleLogCard = void 0;
-const react_1 = __importStar(require("react"));
-const i18n_1 = require("../i18n");
-const react_native_1 = require("react-native");
-const AppColors_1 = require("../styles/AppColors");
-const AppFonts_1 = require("../styles/AppFonts");
-const helpers_1 = require("../helpers");
-const CopyButton_1 = __importDefault(require("./CopyButton"));
-const LogSyntaxHighlighter_1 = __importDefault(require("./LogSyntaxHighlighter"));
-const NetworkIcons_1 = require("./NetworkIcons");
-const InspectorContext_1 = require("./Inspector/InspectorContext");
-const getLogMessageWithBadges = (message, searchStr, textStyle, highlightStyle, numberOfLines) => {
-    if (!message)
-        return null;
-    const prefixRegex = /^((?:\[[^\]]+\]\s*)+)/;
-    const match = message.match(prefixRegex);
-    if (match) {
-        const fullPrefix = match[1];
-        const remainingText = message.substring(fullPrefix.length);
-        const tags = fullPrefix.match(/\[[^\]]+\]/g) || [];
-        const getTagDecorator = (tag) => {
-            const clean = tag.replace(/[\[\]]/g, '').trim().toUpperCase();
-            if (clean === 'AXIOS') {
-                return { color: AppColors_1.AppColors.emerald600, Icon: NetworkIcons_1.ZapIcon, label: 'AXIOS' };
-            }
-            if (clean === 'API' || clean === 'FETCH' || clean === 'HTTP' || clean === 'NETWORK') {
-                return { color: AppColors_1.AppColors.sky600, Icon: NetworkIcons_1.GlobeIcon, label: clean };
-            }
-            if (clean === 'SAMPLE' || clean === 'BATCH') {
-                return { color: AppColors_1.AppColors.indigo600Alt, Icon: NetworkIcons_1.DiceIcon, label: clean };
-            }
-            if (clean === 'REDUX' || clean === 'STORE' || clean === 'STATE') {
-                return { color: AppColors_1.AppColors.violet600, Icon: NetworkIcons_1.AtomIcon, label: clean };
-            }
-            if (clean === 'ANALYTICS' || clean === 'FIREBASE' || clean === 'GA4' || clean === 'GA') {
-                return { color: AppColors_1.AppColors.teal600, Icon: NetworkIcons_1.BarChartIcon, label: clean };
-            }
-            if (clean === 'AUTH' || clean === 'TOKEN' || clean === 'SESSION') {
-                return { color: AppColors_1.AppColors.amber600, Icon: NetworkIcons_1.KeyIcon, label: clean };
-            }
-            if (clean === 'APP') {
-                return { color: AppColors_1.AppColors.indigo600Alt, Icon: NetworkIcons_1.SmartphoneIcon, label: 'APP' };
-            }
-            if (clean === 'TEST') {
-                return { color: AppColors_1.AppColors.emerald500, Icon: NetworkIcons_1.FlaskIcon, label: 'TEST' };
-            }
-            if (clean === 'WARN' || clean === 'WARNING') {
-                return { color: AppColors_1.AppColors.amber600, Icon: NetworkIcons_1.AlertTriangleIcon, label: 'WARN' };
-            }
-            if (clean === 'ERROR' || clean === 'CRASH' || clean === 'BUG') {
-                return { color: AppColors_1.AppColors.red600, Icon: NetworkIcons_1.BugIcon, label: 'ERROR' };
-            }
-            if (clean === 'PERF' || clean === 'RENDER') {
-                return { color: AppColors_1.AppColors.violet500, Icon: NetworkIcons_1.ZapIcon, label: clean };
-            }
-            return { color: AppColors_1.AppColors.slate600, Icon: NetworkIcons_1.TagIcon, label: clean };
-        };
-        return (<react_native_1.View style={{ flexDirection: 'column', gap: 6 }}>
-        <react_native_1.View style={{ flexDirection: 'row', flexWrap: 'wrap', gap: 5 }}>
-          {tags.map((tag, i) => {
-                const dec = getTagDecorator(tag);
-                const IconComp = dec.Icon;
-                return (<react_native_1.View key={i} style={[
-                        styles.prefixTag,
-                        {
-                            backgroundColor: `${dec.color}14`,
-                            borderColor: `${dec.color}33`,
-                        },
-                    ]}>
-                <IconComp color={dec.color} size={10}/>
-                <react_native_1.Text style={[styles.prefixTagText, { color: dec.color }]}>
-                  {dec.label}
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,o,t,n){n===void 0&&(n=t);var l=Object.getOwnPropertyDescriptor(o,t);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(r,n,l)}):(function(r,o,t,n){n===void 0&&(n=t),r[n]=o[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,o){Object.defineProperty(r,"default",{enumerable:!0,value:o})}):function(r,o){r.default=o}),__importStar=this&&this.__importStar||(function(){var r=function(o){return r=Object.getOwnPropertyNames||function(t){var n=[];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(n[n.length]=l);return n},r(o)};return function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var n=r(o),l=0;l<n.length;l++)n[l]!=="default"&&__createBinding(t,o,n[l]);return __setModuleDefault(t,o),t}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleLogCard=void 0;const react_1=__importStar(require("react")),i18n_1=require("../i18n"),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),CopyButton_1=__importDefault(require("./CopyButton")),LogSyntaxHighlighter_1=__importDefault(require("./LogSyntaxHighlighter")),NetworkIcons_1=require("./NetworkIcons"),InspectorContext_1=require("./Inspector/InspectorContext"),getLogMessageWithBadges=(r,o,t,n,l)=>{if(!r)return null;const c=/^((?:\[[^\]]+\]\s*)+)/,C=r.match(c);if(C){const i=C[1],g=r.substring(i.length),f=i.match(/\[[^\]]+\]/g)||[],a=u=>{const e=u.replace(/[\[\]]/g,"").trim().toUpperCase();return e==="AXIOS"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.ZapIcon,label:"AXIOS"}:e==="API"||e==="FETCH"||e==="HTTP"||e==="REST"||e==="NETWORK"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.GlobeIcon,label:e}:e==="GRAPHQL"||e==="GQL"||e==="APOLLO"||e==="MUTATION"||e==="QUERY"?{color:AppColors_1.AppColors.pink500,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="WS"||e==="WEBSOCKET"||e==="SOCKET"||e==="SOCKET.IO"||e==="REALTIME"?{color:AppColors_1.AppColors.cyan600,Icon:NetworkIcons_1.SignalIcon,label:e}:e==="REDUX"||e==="STORE"||e==="STATE"||e==="ZUSTAND"||e==="MOBX"||e==="RECOIL"||e==="ACTION"||e==="DISPATCH"?{color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="ANALYTICS"||e==="FIREBASE"||e==="GA4"||e==="GA"||e==="SEGMENT"||e==="MIXPANEL"||e==="POSTHOG"||e==="TRACK"||e==="EVENT"?{color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.BarChartIcon,label:e}:e==="AUTH"||e==="TOKEN"||e==="SESSION"||e==="JWT"||e==="LOGIN"||e==="LOGOUT"||e==="USER"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.KeyIcon,label:e}:e==="SECURITY"||e==="SHIELD"||e==="PERMISSION"||e==="PERMISSIONS"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.ShieldAlertIcon,label:e}:e==="NAV"||e==="NAVIGATION"||e==="ROUTE"||e==="SCREEN"||e==="ROUTER"||e==="DEEPLINK"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="STORAGE"||e==="ASYNCSTORAGE"||e==="MMKV"||e==="SQLITE"||e==="DB"||e==="DATABASE"||e==="REALM"||e==="CACHE"?{color:AppColors_1.AppColors.purple500,Icon:NetworkIcons_1.StorageIcon,label:e}:e==="PERF"||e==="RENDER"||e==="PERFORMANCE"||e==="FPS"||e==="MEMORY"?{color:AppColors_1.AppColors.violet500,Icon:NetworkIcons_1.PerformanceIcon,label:e}:e==="INIT"||e==="BOOT"||e==="STARTUP"||e==="LIFECYCLE"||e==="MOUNT"||e==="UNMOUNT"?{color:AppColors_1.AppColors.blue600,Icon:NetworkIcons_1.ZapIcon,label:e}:e==="SYNC"||e==="REFRESH"||e==="BACKGROUND"||e==="JOB"||e==="WORKER"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.RefreshCcwIcon,label:e}:e==="PUSH"||e==="NOTIF"||e==="NOTIFICATION"||e==="FCM"||e==="APNS"?{color:AppColors_1.AppColors.darkOrange,Icon:NetworkIcons_1.FlameIcon,label:e}:e==="PAY"||e==="PAYMENT"||e==="STRIPE"||e==="IAP"||e==="BILLING"||e==="CHECKOUT"||e==="CART"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MoneyIcon,label:e}:e==="DEVICE"||e==="HARDWARE"||e==="BLE"||e==="BLUETOOTH"||e==="NFC"||e==="SENSOR"?{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.ChipIcon,label:e}:e==="LOCATION"||e==="GPS"||e==="GEO"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="APP"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.SmartphoneIcon,label:"APP"}:e==="UI"||e==="VIEW"||e==="THEME"||e==="STYLE"||e==="LAYOUT"?{color:AppColors_1.AppColors.pink600,Icon:NetworkIcons_1.LayoutIcon,label:e}:e==="TEST"||e==="MOCK"||e==="SPEC"?{color:AppColors_1.AppColors.emerald500,Icon:NetworkIcons_1.FlaskIcon,label:"TEST"}:e==="SAMPLE"||e==="BATCH"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.DiceIcon,label:e}:e==="CONFIG"||e==="ENV"||e==="SETTINGS"?{color:AppColors_1.AppColors.slate700,Icon:NetworkIcons_1.SettingsIcon,label:e}:e==="DEBUG"||e==="TRACE"?{color:AppColors_1.AppColors.purpleText,Icon:NetworkIcons_1.TerminalIcon,label:e}:e==="INFO"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon,label:"INFO"}:e==="SUCCESS"||e==="OK"||e==="DONE"||e==="PASSED"?{color:AppColors_1.AppColors.green600,Icon:NetworkIcons_1.CircleCheckIcon,label:e}:e==="WARN"||e==="WARNING"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.AlertTriangleIcon,label:"WARN"}:e==="ERROR"||e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?{color:AppColors_1.AppColors.red600,Icon:NetworkIcons_1.BugIcon,label:e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?e:"ERROR"}:{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.TagIcon,label:e}};return<react_native_1.View style={{flexDirection:"column",gap:6}}>
+        <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:5}}>
+          {f.map((u,e)=>{const s=a(u),A=s.Icon;return<react_native_1.View key={e}style={[styles.prefixTag,{backgroundColor:`${s.color}14`,borderColor:`${s.color}33`}]}>
+                <A color={s.color}size={10}/>
+                <react_native_1.Text style={[styles.prefixTagText,{color:s.color}]}>
+                  {s.label}
                 </react_native_1.Text>
-              </react_native_1.View>);
-            })}
+              </react_native_1.View>})}
         </react_native_1.View>
-        <LogSyntaxHighlighter_1.default text={remainingText} search={searchStr} style={textStyle} numberOfLines={numberOfLines} detectLinks={true}/>
-      </react_native_1.View>);
-    }
-    return (<LogSyntaxHighlighter_1.default text={message} search={searchStr} style={textStyle} numberOfLines={numberOfLines} detectLinks={true}/>);
-};
-exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, searchStr = '', }) {
-    const { setSelectedLog } = (0, InspectorContext_1.useInspector)();
-    const { t } = (0, i18n_1.useTranslation)();
-    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
-    const jsonContent = (0, helpers_1.getJsonContent)(item.message);
-    const isAnalyticsError = item.message
-        .toLowerCase()
-        .includes('[analytics error]');
-    const isUserLog = item.sourceMethod === 'log';
-    const parsedCaller = item.caller && item.caller !== 'Unknown'
-        ? (0, helpers_1.parseStackLine)(item.caller, true)
-        : null;
-    const getLogColors = () => {
-        const type = (item.type || 'log').toLowerCase();
-        const method = (item.sourceMethod || type).toLowerCase();
-        if (isAnalyticsError || type === 'error' || method === 'error') {
-            return {
-                border: AppColors_1.AppColors.errorColor,
-                badgeBg: `${AppColors_1.AppColors.errorColor}18`,
-                badgeText: AppColors_1.AppColors.errorColor,
-                label: 'ERROR',
-                cardBg: '#FFF8F8',
-                methodBorder: `${AppColors_1.AppColors.errorColor}30`,
-                methodBg: `${AppColors_1.AppColors.errorColor}12`,
-                methodText: AppColors_1.AppColors.errorColor,
-                textColor: AppColors_1.AppColors.redErrorText,
-            };
-        }
-        if (type === 'warn' || method === 'warn') {
-            return {
-                border: AppColors_1.AppColors.amber600,
-                badgeBg: `${AppColors_1.AppColors.amber600}18`,
-                badgeText: AppColors_1.AppColors.amber800,
-                label: 'WARN',
-                cardBg: '#FFFDF5',
-                methodBorder: `${AppColors_1.AppColors.amber600}33`,
-                methodBg: `${AppColors_1.AppColors.amber600}14`,
-                methodText: AppColors_1.AppColors.amber800,
-                textColor: AppColors_1.AppColors.amber800,
-            };
-        }
-        if (type === 'debug' || method === 'debug') {
-            return {
-                border: AppColors_1.AppColors.purple500,
-                badgeBg: `${AppColors_1.AppColors.purple500}18`,
-                badgeText: AppColors_1.AppColors.purple,
-                label: 'DEBUG',
-                cardBg: '#FAF8FD',
-                methodBorder: `${AppColors_1.AppColors.purple500}33`,
-                methodBg: `${AppColors_1.AppColors.purple500}12`,
-                methodText: AppColors_1.AppColors.purple,
-                textColor: AppColors_1.AppColors.purpleText,
-            };
-        }
-        if (type === 'info' || method === 'info') {
-            return {
-                border: AppColors_1.AppColors.sky500,
-                badgeBg: `${AppColors_1.AppColors.sky500}18`,
-                badgeText: AppColors_1.AppColors.sky600,
-                label: 'INFO',
-                cardBg: '#F8FAFC',
-                methodBorder: `${AppColors_1.AppColors.sky500}33`,
-                methodBg: `${AppColors_1.AppColors.sky500}12`,
-                methodText: AppColors_1.AppColors.sky600,
-                textColor: AppColors_1.AppColors.blue800,
-            };
-        }
-        return {
-            border: AppColors_1.AppColors.indigo500,
-            badgeBg: `${AppColors_1.AppColors.indigo500}15`,
-            badgeText: AppColors_1.AppColors.indigo600Alt,
-            label: 'LOG',
-            cardBg: AppColors_1.AppColors.white,
-            methodBorder: AppColors_1.AppColors.dividerColor,
-            methodBg: AppColors_1.AppColors.indigo50,
-            methodText: AppColors_1.AppColors.indigo600Alt,
-            textColor: AppColors_1.AppColors.primaryBlack,
-        };
-    };
-    const colors = getLogColors();
-    const jsonPreview = jsonContent
-        ? (0, helpers_1.getJsonPreviewText)(jsonContent.data)
-        : null;
-    const openDetail = () => {
-        setSelectedLog(item);
-    };
-    const toggleExpand = (e) => {
-        e?.stopPropagation?.();
-        setIsExpanded(prev => !prev);
-    };
-    return (<react_native_1.View style={styles.container}>
-      <react_native_1.Pressable onPress={openDetail} style={({ pressed }) => [
-            styles.card,
-            {
-                borderLeftColor: colors.border,
-                borderLeftWidth: 3.5,
-                backgroundColor: colors.cardBg,
-            },
-            pressed && styles.cardPressed,
-        ]}>
+        <LogSyntaxHighlighter_1.default text={g}search={o}style={t}numberOfLines={l}detectLinks={!0}/>
+      </react_native_1.View>}return<LogSyntaxHighlighter_1.default text={r}search={o}style={t}numberOfLines={l}detectLinks={!0}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:t=""}){const{setSelectedLog:n}=(0,InspectorContext_1.useInspector)(),{t:l}=(0,i18n_1.useTranslation)(),[c,C]=(0,react_1.useState)(!1),i=(0,helpers_1.getJsonContent)(o.message),g=o.message.toLowerCase().includes("[analytics error]"),f=o.sourceMethod==="log",a=o.caller&&o.caller!=="Unknown"?(0,helpers_1.parseStackLine)(o.caller,!0):null,e=(()=>{const p=(o.type||"log").toLowerCase(),d=(o.sourceMethod||p).toLowerCase();return g||p==="error"||d==="error"?{border:AppColors_1.AppColors.errorColor,badgeBg:`${AppColors_1.AppColors.errorColor}18`,badgeText:AppColors_1.AppColors.errorColor,label:"ERROR",cardBg:AppColors_1.AppColors.errorCardBg,methodBorder:`${AppColors_1.AppColors.errorColor}30`,methodBg:`${AppColors_1.AppColors.errorColor}12`,methodText:AppColors_1.AppColors.errorColor,textColor:AppColors_1.AppColors.redErrorText}:p==="warn"||d==="warn"?{border:AppColors_1.AppColors.amber600,badgeBg:`${AppColors_1.AppColors.amber600}18`,badgeText:AppColors_1.AppColors.amber800,label:"WARN",cardBg:AppColors_1.AppColors.warnCardBg,methodBorder:`${AppColors_1.AppColors.amber600}33`,methodBg:`${AppColors_1.AppColors.amber600}14`,methodText:AppColors_1.AppColors.amber800,textColor:AppColors_1.AppColors.amber800}:p==="debug"||d==="debug"?{border:AppColors_1.AppColors.purple500,badgeBg:`${AppColors_1.AppColors.purple500}18`,badgeText:AppColors_1.AppColors.purple,label:"DEBUG",cardBg:AppColors_1.AppColors.purpleTintBg,methodBorder:`${AppColors_1.AppColors.purple500}33`,methodBg:`${AppColors_1.AppColors.purple500}12`,methodText:AppColors_1.AppColors.purple,textColor:AppColors_1.AppColors.purpleText}:d==="info"||p==="info"&&d!=="log"?{border:AppColors_1.AppColors.sky500,badgeBg:`${AppColors_1.AppColors.sky500}18`,badgeText:AppColors_1.AppColors.sky600,label:"INFO",cardBg:AppColors_1.AppColors.blueTintBg,methodBorder:`${AppColors_1.AppColors.sky500}33`,methodBg:`${AppColors_1.AppColors.sky500}12`,methodText:AppColors_1.AppColors.sky600,textColor:AppColors_1.AppColors.blue800}:{border:AppColors_1.AppColors.indigo500,badgeBg:`${AppColors_1.AppColors.indigo500}15`,badgeText:AppColors_1.AppColors.indigo600Alt,label:"LOG",cardBg:AppColors_1.AppColors.white,methodBorder:AppColors_1.AppColors.dividerColor,methodBg:AppColors_1.AppColors.indigo50,methodText:AppColors_1.AppColors.indigo600Alt,textColor:AppColors_1.AppColors.primaryBlack}})(),s=i?(0,helpers_1.getJsonPreviewText)(i.data):null,A=()=>{n(o)},T=p=>{p?.stopPropagation?.(),C(d=>!d)};return<react_native_1.View style={styles.container}>
+      <react_native_1.Pressable onPress={A}style={({pressed:p})=>[styles.card,{borderLeftColor:e.border,borderLeftWidth:3.5,backgroundColor:e.cardBg},p&&styles.cardPressed]}>
         
         <react_native_1.View style={styles.cardHeader}>
           <react_native_1.View style={styles.headerLeft}>
-            <react_native_1.View style={[styles.typeChip, { backgroundColor: colors.badgeBg }]}>
-              <react_native_1.View style={[styles.typeDot, { backgroundColor: colors.badgeText }]}/>
-              <react_native_1.Text style={[styles.typeChipText, { color: colors.badgeText, fontFamily: AppFonts_1.AppFonts.interBold }]}>
-                {colors.label}
+            <react_native_1.View style={styles.idBadge}>
+              <react_native_1.Text style={styles.idBadgeText}>
+                #{o.id!=null?o.id+1:1}
               </react_native_1.Text>
             </react_native_1.View>
-            <react_native_1.View style={[
-            styles.metaChip,
-            {
-                backgroundColor: colors.methodBg,
-                borderColor: colors.methodBorder,
-            },
-        ]}>
-              <react_native_1.Text style={[styles.metaChipText, { color: colors.methodText, fontFamily: AppFonts_1.AppFonts.interBold }]}>
+            <react_native_1.View style={[styles.typeChip,{backgroundColor:e.badgeBg}]}>
+              <react_native_1.View style={[styles.typeDot,{backgroundColor:e.badgeText}]}/>
+              <react_native_1.Text style={[styles.typeChipText,{color:e.badgeText,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                {e.label}
+              </react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.View style={[styles.metaChip,{backgroundColor:e.methodBg,borderColor:e.methodBorder}]}>
+              <react_native_1.Text style={[styles.metaChipText,{color:e.methodText,fontFamily:AppFonts_1.AppFonts.interBold}]}>
                 console.
-                {('sourceMethod' in item ? item.sourceMethod : undefined) ||
-            item.type ||
-            'log'}
+                {("sourceMethod"in o?o.sourceMethod:void 0)||o.type||"log"}
               </react_native_1.Text>
             </react_native_1.View>
-            {jsonContent && (<react_native_1.View style={[
-                styles.metaChip,
-                {
-                    backgroundColor: `${AppColors_1.AppColors.teal600}14`,
-                    borderColor: `${AppColors_1.AppColors.teal600}33`,
-                },
-            ]}>
-                <react_native_1.Text style={[styles.metaChipText, { color: AppColors_1.AppColors.teal600, fontFamily: AppFonts_1.AppFonts.interBold }]}>
-                  {Array.isArray(jsonContent.data)
-                ? `Array[${jsonContent.data.length}]`
-                : `Object{${Object.keys(jsonContent.data).length}}`}
+            {i&&<react_native_1.View style={[styles.metaChip,{backgroundColor:`${AppColors_1.AppColors.teal600}14`,borderColor:`${AppColors_1.AppColors.teal600}33`}]}>
+                <react_native_1.Text style={[styles.metaChipText,{color:AppColors_1.AppColors.teal600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                  {Array.isArray(i.data)?`Array[${i.data.length}]`:`Object{${Object.keys(i.data).length}}`}
                 </react_native_1.Text>
-              </react_native_1.View>)}
-            {'duplicateCount' in item &&
-            item.duplicateCount != null &&
-            item.duplicateCount > 1 && (<react_native_1.View style={[
-                styles.metaChip,
-                {
-                    backgroundColor: `${AppColors_1.AppColors.purple}1A`,
-                    borderColor: `${AppColors_1.AppColors.purple}3D`,
-                },
-            ]}>
-                  <react_native_1.Text style={[styles.metaChipText, { color: AppColors_1.AppColors.purple, fontFamily: AppFonts_1.AppFonts.interBold }]}>
-                    ×{item.duplicateCount}
+              </react_native_1.View>}
+            {"duplicateCount"in o&&o.duplicateCount!=null&&o.duplicateCount>1&&<react_native_1.View style={[styles.metaChip,{backgroundColor:`${AppColors_1.AppColors.purple}1A`,borderColor:`${AppColors_1.AppColors.purple}3D`}]}>
+                  <react_native_1.Text style={[styles.metaChipText,{color:AppColors_1.AppColors.purple,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                    ×{o.duplicateCount}
                   </react_native_1.Text>
-                </react_native_1.View>)}
+                </react_native_1.View>}
           </react_native_1.View>
 
           <react_native_1.View style={styles.headerRight}>
-            <CopyButton_1.default value={item.message} label={t('console.logMessage')}/>
-            <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
+            <CopyButton_1.default value={o.message}label={l("console.logMessage")}/>
+            <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
           </react_native_1.View>
         </react_native_1.View>
 
         
         <react_native_1.View style={styles.cardBody}>
-          {jsonContent ? (<>
-              {jsonContent.header ? (getLogMessageWithBadges(jsonContent.header, searchStr, [styles.messageText, { color: AppColors_1.AppColors.primaryBlack }], styles.highlight, isExpanded ? undefined : 2)) : null}
-              {jsonPreview && (<react_native_1.View style={styles.jsonPreviewContainer}>
-                  <LogSyntaxHighlighter_1.default text={jsonPreview.text} search={searchStr} style={[
-                    styles.jsonPreviewText,
-                    { color: AppColors_1.AppColors.primaryBlack },
-                ]} detectLinks={false} numberOfLines={isExpanded ? undefined : 4}/>
-                  {jsonPreview.text.split('\n').length > 4 && (<react_native_1.Pressable onPress={toggleExpand} hitSlop={6} style={styles.expandToggle}>
+          {i?<>
+              {i.header?getLogMessageWithBadges(i.header,t,[styles.messageText,{color:AppColors_1.AppColors.primaryBlack}],styles.highlight,c?void 0:2):null}
+              {s&&<react_native_1.View style={styles.jsonPreviewContainer}>
+                  <LogSyntaxHighlighter_1.default text={s.text}search={t}style={[styles.jsonPreviewText,{color:AppColors_1.AppColors.primaryBlack}]}detectLinks={!1}numberOfLines={c?void 0:4}/>
+                  {s.text.split(`
+`).length>4&&<react_native_1.Pressable onPress={T}hitSlop={6}style={styles.expandToggle}>
                       <react_native_1.Text style={styles.expandToggleText}>
-                        {isExpanded ? 'Show less' : 'Show full preview'}
+                        {c?"Show less":"Show full preview"}
                       </react_native_1.Text>
-                      <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.purple} size={11} direction={isExpanded ? 'up' : 'down'}/>
-                    </react_native_1.Pressable>)}
-                </react_native_1.View>)}
-            </>) : (getLogMessageWithBadges(item.message, searchStr, [styles.messageText, { color: AppColors_1.AppColors.primaryBlack }], styles.highlight, isExpanded ? undefined : 4))}
+                      <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.purple}size={11}direction={c?"up":"down"}/>
+                    </react_native_1.Pressable>}
+                </react_native_1.View>}
+            </>:getLogMessageWithBadges(o.message,t,[styles.messageText,{color:AppColors_1.AppColors.primaryBlack}],styles.highlight,c?void 0:4)}
         </react_native_1.View>
 
         
         <react_native_1.View style={styles.cardFooter}>
           <react_native_1.View style={styles.footerLeft}>
-            <react_native_1.Text style={styles.footerId}>#{item.id + 1}</react_native_1.Text>
-            <react_native_1.View style={styles.footerDot}/>
-            <react_native_1.Text style={styles.footerTime}>{(0, helpers_1.formatTime)(item.timestamp)}</react_native_1.Text>
-            {parsedCaller && (<>
+            <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={11}/>
+            <react_native_1.Text style={styles.footerTime}>{(0,helpers_1.formatTime)(o.timestamp)}</react_native_1.Text>
+            {a&&<>
                 <react_native_1.View style={styles.footerDot}/>
-                <react_native_1.Pressable onPress={e => {
-                e.stopPropagation?.();
-                (0, helpers_1.openInVSCode)(parsedCaller.rawFilePath ||
-                    parsedCaller.fullPath ||
-                    parsedCaller.fileName, parsedCaller.lineNumber, parsedCaller.columnNumber);
-            }} hitSlop={8} style={styles.callerPill}>
-                  {parsedCaller.fileExt && parsedCaller.fileExt !== 'other' && (<react_native_1.View style={[
-                    styles.extBadge,
-                    {
-                        backgroundColor: parsedCaller.fileExt === 'tsx' || parsedCaller.fileExt === 'ts'
-                            ? `${AppColors_1.AppColors.brandPurple}22`
-                            : `${AppColors_1.AppColors.teal600}22`,
-                    },
-                ]}>
-                      <react_native_1.Text style={[
-                    styles.extBadgeText,
-                    {
-                        color: parsedCaller.fileExt === 'tsx' || parsedCaller.fileExt === 'ts'
-                            ? AppColors_1.AppColors.brandPurple
-                            : AppColors_1.AppColors.teal600,
-                    },
-                ]}>
-                        {parsedCaller.fileExt.toUpperCase()}
+                <react_native_1.Pressable onPress={p=>{p.stopPropagation?.(),(0,helpers_1.openInVSCode)(a.rawFilePath||a.fullPath||a.fileName,a.lineNumber,a.columnNumber)}}hitSlop={8}style={styles.callerPill}>
+                  {a.fileExt&&a.fileExt!=="other"&&<react_native_1.View style={[styles.extBadge,{backgroundColor:a.fileExt==="tsx"||a.fileExt==="ts"?`${AppColors_1.AppColors.brandPurple}22`:`${AppColors_1.AppColors.teal600}22`}]}>
+                      <react_native_1.Text style={[styles.extBadgeText,{color:a.fileExt==="tsx"||a.fileExt==="ts"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.teal600}]}>
+                        {a.fileExt.toUpperCase()}
                       </react_native_1.Text>
-                    </react_native_1.View>)}
-                  <react_native_1.Text style={styles.callerFileName} numberOfLines={1} ellipsizeMode="middle">
-                    {parsedCaller.fileName}
-                    {parsedCaller.lineNumber ? `:${parsedCaller.lineNumber}` : ''}
+                    </react_native_1.View>}
+                  <react_native_1.Text style={styles.callerFileName}numberOfLines={1}ellipsizeMode="middle">
+                    {a.fileName}
+                    {a.lineNumber?`:${a.lineNumber}`:""}
                   </react_native_1.Text>
-                  <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600} size={8.5}/>
+                  <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={8.5}/>
                 </react_native_1.Pressable>
-              </>)}
+              </>}
           </react_native_1.View>
 
-          <react_native_1.View style={styles.footerRight}>
-            {isAnalyticsError && (<react_native_1.View style={[
-                styles.footerBadge,
-                {
-                    backgroundColor: `${AppColors_1.AppColors.skyBlue}15`,
-                    borderColor: `${AppColors_1.AppColors.skyBlue}30`,
-                },
-            ]}>
-                <react_native_1.Text style={[styles.footerBadgeText, { color: AppColors_1.AppColors.skyBlue }]}>
-                  {t('console.analyticsBadge')}
+          {g&&<react_native_1.View style={styles.footerRight}>
+              <react_native_1.View style={[styles.footerBadge,{backgroundColor:`${AppColors_1.AppColors.skyBlue}15`,borderColor:`${AppColors_1.AppColors.skyBlue}30`}]}>
+                <react_native_1.Text style={[styles.footerBadgeText,{color:AppColors_1.AppColors.skyBlue}]}>
+                  {l("console.analyticsBadge")}
                 </react_native_1.Text>
-              </react_native_1.View>)}
-            {isUserLog && (<react_native_1.View style={[
-                styles.footerBadge,
-                {
-                    backgroundColor: `${AppColors_1.AppColors.slate600}12`,
-                    borderColor: `${AppColors_1.AppColors.slate600}26`,
-                },
-            ]}>
-                <react_native_1.Text style={[styles.footerBadgeText, { color: AppColors_1.AppColors.grayTextStrong }]}>
-                  {t('console.userLogBadge')}
-                </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.Pressable>
-    </react_native_1.View>);
-});
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        paddingHorizontal: 10,
-        paddingVertical: 3.5,
-    },
-    card: {
-        alignSelf: 'stretch',
-        borderRadius: 11,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        borderLeftWidth: 3.5,
-        paddingHorizontal: 12,
-        paddingTop: 10,
-        paddingBottom: 9,
-        backgroundColor: AppColors_1.AppColors.white,
-        shadowColor: AppColors_1.AppColors.black,
-        shadowOpacity: 0.04,
-        shadowRadius: 3,
-        shadowOffset: { width: 0, height: 1.5 },
-        elevation: 1.5,
-    },
-    cardPressed: {
-        opacity: 0.88,
-        transform: [{ scale: 0.995 }],
-    },
-    cardHeader: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 6,
-        gap: 8,
-    },
-    headerLeft: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        flexWrap: 'wrap',
-        gap: 6,
-        flex: 1,
-    },
-    headerRight: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-    },
-    typeChip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        paddingHorizontal: 7,
-        paddingVertical: 2.5,
-        borderRadius: 6,
-    },
-    typeDot: {
-        width: 5,
-        height: 5,
-        borderRadius: 2.5,
-    },
-    typeChipText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        letterSpacing: 0.5,
-    },
-    metaChip: {
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 6,
-        borderWidth: 1,
-    },
-    metaChipText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        letterSpacing: 0.2,
-    },
-    cardBody: {
-        paddingVertical: 2,
-    },
-    messageText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.primaryBlack,
-        lineHeight: 18,
-    },
-    highlight: {
-        backgroundColor: AppColors_1.AppColors.yellowHighlight,
-        color: AppColors_1.AppColors.primaryBlack,
-        borderRadius: 2,
-    },
-    jsonPreviewContainer: {
-        marginTop: 6,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        paddingHorizontal: 9,
-        paddingVertical: 7,
-    },
-    jsonPreviewText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.primaryBlack,
-        lineHeight: 16,
-    },
-    expandToggle: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 4,
-        marginTop: 5,
-        paddingVertical: 2,
-        borderTopWidth: 1,
-        borderTopColor: AppColors_1.AppColors.dividerColor,
-    },
-    expandToggleText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-        color: AppColors_1.AppColors.purple,
-    },
-    cardFooter: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginTop: 7,
-        paddingTop: 6,
-        borderTopWidth: 1,
-        borderTopColor: `${AppColors_1.AppColors.dividerColor}88`,
-        gap: 6,
-    },
-    footerLeft: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 5,
-        flex: 1,
-        flexWrap: 'wrap',
-    },
-    footerRight: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-    },
-    footerDot: {
-        width: 3,
-        height: 3,
-        borderRadius: 1.5,
-        backgroundColor: AppColors_1.AppColors.grayTextWeak,
-        opacity: 0.6,
-    },
-    footerId: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    footerTime: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-        letterSpacing: 0.1,
-    },
-    callerPill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        maxWidth: 185,
-        backgroundColor: `${AppColors_1.AppColors.sky600}10`,
-        borderColor: `${AppColors_1.AppColors.sky600}2B`,
-        borderWidth: 1,
-        borderRadius: 5,
-        paddingHorizontal: 5,
-        paddingVertical: 1.5,
-    },
-    extBadge: {
-        borderRadius: 3,
-        paddingHorizontal: 3.5,
-        paddingVertical: 0.5,
-    },
-    extBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 8,
-    },
-    callerFileName: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.sky600,
-        fontSize: 9.5,
-    },
-    footerBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 1.5,
-        borderRadius: 5,
-        borderWidth: 1,
-    },
-    footerBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-    },
-    prefixTag: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 3.5,
-        paddingHorizontal: 6.5,
-        paddingVertical: 2,
-        borderRadius: 5,
-        borderWidth: 1,
-    },
-    prefixTagText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        letterSpacing: 0.3,
-    },
-});
+    </react_native_1.View>});const styles=react_native_1.StyleSheet.create({container:{paddingHorizontal:10,paddingVertical:3.5},card:{alignSelf:"stretch",borderRadius:11,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderLeftWidth:3.5,paddingHorizontal:12,paddingTop:10,paddingBottom:9,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:3,shadowOffset:{width:0,height:1.5},elevation:1.5},cardPressed:{opacity:.88,transform:[{scale:.995}]},cardHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:6,gap:8},headerLeft:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6,flex:1},idBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.slate500}12`,borderWidth:1,borderColor:`${AppColors_1.AppColors.slate500}22`},idBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2},headerRight:{flexDirection:"row",alignItems:"center",gap:6},typeChip:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:2.5,borderRadius:6},typeDot:{width:5,height:5,borderRadius:2.5},typeChipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.5},metaChip:{paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1},metaChipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.2},cardBody:{paddingVertical:2},messageText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack,lineHeight:18},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},jsonPreviewContainer:{marginTop:6,backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderLeftWidth:3,borderLeftColor:AppColors_1.AppColors.teal600,paddingHorizontal:10,paddingVertical:7},jsonPreviewText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.primaryBlack,lineHeight:16},expandToggle:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,marginTop:5,paddingVertical:3,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},expandToggleText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.purple},cardFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:7,paddingTop:6,borderTopWidth:1,borderTopColor:`${AppColors_1.AppColors.dividerColor}88`,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:5,flex:1,flexWrap:"wrap"},footerRight:{flexDirection:"row",alignItems:"center",gap:4},footerDot:{width:3,height:3,borderRadius:1.5,backgroundColor:AppColors_1.AppColors.grayTextWeak,opacity:.6},footerId:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},footerTime:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.1},callerPill:{flexDirection:"row",alignItems:"center",gap:4,maxWidth:185,backgroundColor:`${AppColors_1.AppColors.sky600}10`,borderColor:`${AppColors_1.AppColors.sky600}2B`,borderWidth:1,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5},extBadge:{borderRadius:3,paddingHorizontal:3.5,paddingVertical:.5},extBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8},callerFileName:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.sky600,fontSize:9.5},footerBadge:{paddingHorizontal:6,paddingVertical:1.5,borderRadius:5,borderWidth:1},footerBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9},prefixTag:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6.5,paddingVertical:2,borderRadius:5,borderWidth:1},prefixTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3}});