react-native-inapp-inspector 1.1.13 → 1.1.15

package/dist/commonjs/components/SettingsView.js

@@ -0,0 +1,328 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsView = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
+const react_i18next_1 = require("react-i18next");
+const TouchableScale_1 = __importDefault(require("./TouchableScale"));
+const NetworkIcons_1 = require("./NetworkIcons");
+const AppColors_1 = require("../styles/AppColors");
+const AppFonts_1 = require("../styles/AppFonts");
+const styles_1 = require("../styles");
+const settingsStore_1 = require("../helpers/settingsStore");
+const SettingsView = ({ headerTopPadding, defaultTab, tabVisibility, onCloseSettings, onUpdateTabVisibility, onSetDefaultTab, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [themeMode, setThemeMode] = react_1.default.useState(AppColors_1.AppColors.primaryLight === AppColors_1.AppColors.white ? 'light' : 'dark');
+    const handleToggleTheme = () => {
+        const nextIsDark = themeMode !== 'dark';
+        (0, styles_1.toggleGlobalTheme)(nextIsDark);
+        const newTheme = nextIsDark ? 'dark' : 'light';
+        setThemeMode(newTheme);
+        (0, settingsStore_1.saveSettings)({ isDark: nextIsDark, theme: newTheme });
+    };
+    const renderSettingRow = (opts) => {
+        return (<react_native_1.Pressable onPress={opts.onPress} disabled={!opts.onPress} style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                paddingVertical: 12,
+                paddingHorizontal: 16,
+                borderBottomWidth: 1,
+                borderBottomColor: AppColors_1.AppColors.dividerColor,
+            }}>
+        <react_native_1.View style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: 12,
+                flex: 1,
+                marginRight: 8,
+            }}>
+          <react_native_1.View style={{
+                width: 32,
+                height: 32,
+                borderRadius: 8,
+                backgroundColor: AppColors_1.AppColors.grayBackground,
+                alignItems: 'center',
+                justifyContent: 'center',
+            }}>
+            {opts.icon}
+          </react_native_1.View>
+          <react_native_1.View style={{ flex: 1 }}>
+            <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 13,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+              {opts.title}
+            </react_native_1.Text>
+            {opts.description ? (<react_native_1.Text style={{
+                    fontFamily: AppFonts_1.AppFonts.interRegular,
+                    fontSize: 11,
+                    color: AppColors_1.AppColors.grayTextWeak,
+                    marginTop: 2,
+                }}>
+                {opts.description}
+              </react_native_1.Text>) : null}
+          </react_native_1.View>
+        </react_native_1.View>
+        {opts.rightComponent}
+      </react_native_1.Pressable>);
+    };
+    return (<react_native_1.View style={{ flex: 1, backgroundColor: AppColors_1.AppColors.grayBackground }}>
+      <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.purple, '#6B4EFF']} style={{ paddingTop: headerTopPadding, paddingBottom: 16 }}>
+        <react_native_1.View style={{
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingHorizontal: 16,
+            gap: 12,
+        }}>
+          <TouchableScale_1.default onPress={onCloseSettings} hitSlop={15} style={{
+            width: 36,
+            height: 36,
+            borderRadius: 18,
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: 'rgba(255,255,255,0.18)',
+        }}>
+            <NetworkIcons_1.WhiteBackNavigation />
+          </TouchableScale_1.default>
+          <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 18,
+            color: AppColors_1.AppColors.white,
+        }}>
+            {t('settings.title')}
+          </react_native_1.Text>
+        </react_native_1.View>
+      </react_native_linear_gradient_1.default>
+
+      <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ paddingBottom: 32, gap: 16, paddingTop: 16 }}>
+        {/* Theme Settings */}
+        <react_native_1.View style={{
+            backgroundColor: AppColors_1.AppColors.primaryLight,
+            marginHorizontal: 16,
+            borderRadius: 12,
+            borderWidth: 1,
+            borderColor: AppColors_1.AppColors.grayBorderSecondary,
+            overflow: 'hidden',
+        }}>
+          <react_native_1.View style={{
+            paddingHorizontal: 16,
+            paddingVertical: 10,
+            backgroundColor: AppColors_1.AppColors.grayBackground,
+            borderBottomWidth: 1,
+            borderBottomColor: AppColors_1.AppColors.dividerColor,
+        }}>
+            <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 11,
+            color: AppColors_1.AppColors.grayTextWeak,
+            letterSpacing: 0.5,
+        }}>
+              {t('settings.appearance')}
+            </react_native_1.Text>
+          </react_native_1.View>
+          {renderSettingRow({
+            icon: themeMode === 'dark' ? (<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple} size={16}/>) : (<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.lightOrange} size={16}/>),
+            title: t('settings.dark_mode'),
+            description: t('settings.dark_mode_desc'),
+            rightComponent: (<react_native_1.Switch value={themeMode === 'dark'} onValueChange={handleToggleTheme} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+        </react_native_1.View>
+
+        {/* Module Visibility Settings */}
+        <react_native_1.View style={{
+            backgroundColor: AppColors_1.AppColors.primaryLight,
+            marginHorizontal: 16,
+            borderRadius: 12,
+            borderWidth: 1,
+            borderColor: AppColors_1.AppColors.grayBorderSecondary,
+            overflow: 'hidden',
+        }}>
+          <react_native_1.View style={{
+            paddingHorizontal: 16,
+            paddingVertical: 10,
+            backgroundColor: AppColors_1.AppColors.grayBackground,
+            borderBottomWidth: 1,
+            borderBottomColor: AppColors_1.AppColors.dividerColor,
+        }}>
+            <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 11,
+            color: AppColors_1.AppColors.grayTextWeak,
+            letterSpacing: 0.5,
+        }}>
+              {t('settings.module_visibility')}
+            </react_native_1.Text>
+          </react_native_1.View>
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.apis_tab'),
+            description: t('settings.apis_tab_desc'),
+            rightComponent: (<react_native_1.Switch value={tabVisibility.apis !== false} onValueChange={val => onUpdateTabVisibility('apis', val)} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.logs_tab'),
+            description: t('settings.logs_tab_desc'),
+            rightComponent: (<react_native_1.Switch value={tabVisibility.logs !== false} onValueChange={val => onUpdateTabVisibility('logs', val)} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.analytics_tab'),
+            description: t('settings.analytics_tab_desc'),
+            rightComponent: (<react_native_1.Switch value={tabVisibility.analytics !== false} onValueChange={val => onUpdateTabVisibility('analytics', val)} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.redux_tab'),
+            description: t('settings.redux_tab_desc'),
+            rightComponent: (<react_native_1.Switch value={tabVisibility.redux !== false} onValueChange={val => onUpdateTabVisibility('redux', val)} trackColor={{
+                    false: AppColors_1.AppColors.grayBorderSecondary,
+                    true: AppColors_1.AppColors.purple,
+                }}/>),
+        })}
+        </react_native_1.View>
+
+        {/* Landing Tab Preference */}
+        <react_native_1.View style={{
+            backgroundColor: AppColors_1.AppColors.primaryLight,
+            marginHorizontal: 16,
+            borderRadius: 12,
+            borderWidth: 1,
+            borderColor: AppColors_1.AppColors.grayBorderSecondary,
+            overflow: 'hidden',
+        }}>
+          <react_native_1.View style={{
+            paddingHorizontal: 16,
+            paddingVertical: 10,
+            backgroundColor: AppColors_1.AppColors.grayBackground,
+            borderBottomWidth: 1,
+            borderBottomColor: AppColors_1.AppColors.dividerColor,
+        }}>
+            <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 11,
+            color: AppColors_1.AppColors.grayTextWeak,
+            letterSpacing: 0.5,
+        }}>
+              {t('settings.default_landing_tab')}
+            </react_native_1.Text>
+          </react_native_1.View>
+          {['apis', 'logs', 'analytics', 'redux'].map(tabKey => {
+            if (!tabVisibility[tabKey])
+                return null;
+            const isSelected = defaultTab === tabKey;
+            return (<TouchableScale_1.default key={tabKey} onPress={() => onSetDefaultTab(tabKey)} style={{
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    paddingVertical: 12,
+                    paddingHorizontal: 16,
+                    borderBottomWidth: 1,
+                    borderBottomColor: AppColors_1.AppColors.dividerColor,
+                    backgroundColor: isSelected
+                        ? 'rgba(107, 78, 255, 0.05)'
+                        : AppColors_1.AppColors.primaryLight,
+                }}>
+                <react_native_1.Text style={{
+                    fontFamily: isSelected
+                        ? AppFonts_1.AppFonts.interBold
+                        : AppFonts_1.AppFonts.interMedium,
+                    fontSize: 13,
+                    color: isSelected
+                        ? AppColors_1.AppColors.purple
+                        : AppColors_1.AppColors.primaryBlack,
+                }}>
+                  {tabKey.toUpperCase()} Tab
+                </react_native_1.Text>
+                <react_native_1.View style={{
+                    width: 18,
+                    height: 18,
+                    borderRadius: 9,
+                    borderWidth: isSelected ? 5 : 2,
+                    borderColor: isSelected
+                        ? AppColors_1.AppColors.purple
+                        : AppColors_1.AppColors.grayBorderSecondary,
+                }}/>
+              </TouchableScale_1.default>);
+        })}
+        </react_native_1.View>
+
+        {/* Storage & Persistence Settings */}
+        <react_native_1.View style={{
+            backgroundColor: AppColors_1.AppColors.primaryLight,
+            marginHorizontal: 16,
+            borderRadius: 12,
+            borderWidth: 1,
+            borderColor: AppColors_1.AppColors.grayBorderSecondary,
+            overflow: 'hidden',
+        }}>
+          <react_native_1.View style={{
+            paddingHorizontal: 16,
+            paddingVertical: 10,
+            backgroundColor: AppColors_1.AppColors.grayBackground,
+            borderBottomWidth: 1,
+            borderBottomColor: AppColors_1.AppColors.dividerColor,
+        }}>
+            <react_native_1.Text style={{
+            fontFamily: AppFonts_1.AppFonts.interBold,
+            fontSize: 11,
+            color: AppColors_1.AppColors.grayTextWeak,
+            letterSpacing: 0.5,
+        }}>
+              {t('settings.storage_persistence')}
+            </react_native_1.Text>
+          </react_native_1.View>
+          {renderSettingRow({
+            icon: <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.purple} size={16}/>,
+            title: t('settings.custom_storage'),
+            description: (0, settingsStore_1.isPersistentStorageAvailable)()
+                ? t('settings.custom_storage_active')
+                : t('settings.custom_storage_memory'),
+        })}
+
+          {renderSettingRow({
+            icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
+            title: t('settings.reset_settings'),
+            description: t('settings.reset_settings_desc'),
+            onPress: () => {
+                react_native_1.Alert.alert(t('settings.reset_confirm_title'), t('settings.reset_confirm_msg'), [
+                    { text: t('header.cancel'), style: 'cancel' },
+                    {
+                        text: t('settings.reset'),
+                        style: 'destructive',
+                        onPress: () => {
+                            (0, settingsStore_1.clearPersistedSettings)();
+                            react_native_1.Alert.alert(t('settings.reset'), t('settings.reset_done'));
+                        },
+                    },
+                ]);
+            },
+        })}
+        </react_native_1.View>
+      </react_native_1.ScrollView>
+    </react_native_1.View>);
+};
+exports.SettingsView = SettingsView;
+exports.default = exports.SettingsView;

package/dist/commonjs/components/TouchableScale.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-declare const TouchableScale: ({ onPress, style, children, hitSlop, disabled, }: {
+declare const TouchableScale: React.NamedExoticComponent<{
     onPress?: () => void;
     style?: any;
     children?: React.ReactNode;
     hitSlop?: any;
     disabled?: boolean;
-}) => React.JSX.Element;
+}>;
 export default TouchableScale;

package/dist/commonjs/components/TouchableScale.js

@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const TouchableScale = ({ onPress, style, children, hitSlop, disabled, }) => {
+const TouchableScale = react_1.default.memo(function TouchableScale({ onPress, style, children, hitSlop, disabled, }) {
     if (react_native_1.Platform.OS === 'android') {
         return (<react_native_1.Pressable disabled={disabled} onPress={onPress} hitSlop={hitSlop} style={({ pressed }) => [
                 style,
@@ -78,5 +78,5 @@ const TouchableScale = ({ onPress, style, children, hitSlop, disabled, }) => {
         {children}
       </react_native_1.Animated.View>
     </react_native_1.Pressable>);
-};
+});
 exports.default = TouchableScale;

package/dist/commonjs/components/TreeNode.js

@@ -46,8 +46,8 @@ const NetworkIcons_1 = require("./NetworkIcons");
 const AppColors_1 = require("../styles/AppColors");
 const styles_1 = __importDefault(require("../styles"));
 const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0, search, forceOpen, defaultExpandDepth, }) {
-    const [localOpen, setLocalOpen] = (0, react_1.useState)(level < (defaultExpandDepth ?? 1));
-    const open = forceOpen !== undefined ? forceOpen : localOpen;
+    const [localOpen, setLocalOpen] = (0, react_1.useState)(forceOpen || level < (defaultExpandDepth ?? 1));
+    const open = localOpen;
     const isObject = typeof data === 'object' && data !== null;
     const isArray = Array.isArray(data);
     function renderHighlighted(text) {

package/dist/commonjs/constants/index.js

@@ -19,18 +19,7 @@ exports.METHOD_COLORS = {
     PATCH: AppColors_1.AppColors.offerPurple,
     DELETE: AppColors_1.AppColors.errorColor,
 };
-exports.DOMAIN_COLORS = [
-    '#1a5276',
-    '#8e44ad',
-    '#1e8449',
-    '#c0392b',
-    '#d35400',
-    '#d68910',
-    '#16a085',
-    '#27ae60',
-    '#2c3e50',
-    '#c2185b',
-];
+exports.DOMAIN_COLORS = AppColors_1.AppColors.domainColors;
 exports.DURATION_FAST_MS = 200;
 exports.DURATION_SLOW_MS = 800;
 // Package version — auto-generated from package.json at build time.

package/dist/commonjs/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.13";
+export declare const LIB_VERSION = "1.1.15";

package/dist/commonjs/constants/version.js

@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-exports.LIB_VERSION = '1.1.13';
+exports.LIB_VERSION = '1.1.15';

package/dist/commonjs/customHooks/analyticsLogger.d.ts

@@ -2,6 +2,14 @@ import { AnalyticsEvent } from '../types';
 export declare const subscribeAnalyticsEvents: (callback: (events: AnalyticsEvent[]) => void) => () => void;
 export declare const clearAnalyticsEvents: () => void;
 export declare const getAnalyticsEvents: () => AnalyticsEvent[];
+export declare const getCurrentUserProperties: () => {
+    [x: string]: any;
+};
+export declare const getCurrentUserId: () => string;
+export declare const getDefaultEventParameters: () => {
+    [x: string]: any;
+};
+export declare const getCollectionEnabled: () => boolean;
 /**
  * Directly push an event into the inspector without going through Firebase.
  * Useful for custom analytics wrappers or testing.

package/dist/commonjs/customHooks/analyticsLogger.js

@@ -22,7 +22,7 @@
 //   setUserId(id)
 // ─────────────────────────────────────────────────────────────────────────────
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = exports.logAnalyticsEvent = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = void 0;
+exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = exports.logAnalyticsEvent = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = void 0;
 // ─── Internal state ───────────────────────────────────────────────────────────
 let events = [];
 let listeners = [];
@@ -30,6 +30,8 @@ let counter = 0;
 // Running snapshot of user properties set so far — attached to every event
 let currentUserProperties = {};
 let currentUserId;
+let currentDefaultEventParameters = {};
+let isCollectionEnabled = true;
 // ─── Core helpers ─────────────────────────────────────────────────────────────
 const notify = () => {
     const snapshot = [...events];
@@ -56,6 +58,14 @@ const clearAnalyticsEvents = () => {
 exports.clearAnalyticsEvents = clearAnalyticsEvents;
 const getAnalyticsEvents = () => [...events];
 exports.getAnalyticsEvents = getAnalyticsEvents;
+const getCurrentUserProperties = () => ({ ...currentUserProperties });
+exports.getCurrentUserProperties = getCurrentUserProperties;
+const getCurrentUserId = () => currentUserId;
+exports.getCurrentUserId = getCurrentUserId;
+const getDefaultEventParameters = () => ({ ...currentDefaultEventParameters });
+exports.getDefaultEventParameters = getDefaultEventParameters;
+const getCollectionEnabled = () => isCollectionEnabled;
+exports.getCollectionEnabled = getCollectionEnabled;
 // ─── Manual logging (escape hatch, rarely needed) ────────────────────────────
 /**
  * Directly push an event into the inspector without going through Firebase.
@@ -154,8 +164,39 @@ const setupAnalyticsLogger = (analyticsInstance) => {
     const originalSetUserId = analyticsInstance.setUserId.bind(analyticsInstance);
     analyticsInstance.setUserId = async (id) => {
         currentUserId = id ?? undefined;
+        notify();
         return originalSetUserId(id);
     };
+    // ── setDefaultEventParameters ──────────────────────────────────────────────
+    if (typeof analyticsInstance.setDefaultEventParameters === 'function') {
+        const originalSetDefaultEventParameters = analyticsInstance.setDefaultEventParameters.bind(analyticsInstance);
+        analyticsInstance.setDefaultEventParameters = async (params) => {
+            currentDefaultEventParameters = params ?? {};
+            notify();
+            return originalSetDefaultEventParameters(params);
+        };
+    }
+    // ── setAnalyticsCollectionEnabled ───────────────────────────────────────────
+    if (typeof analyticsInstance.setAnalyticsCollectionEnabled === 'function') {
+        const originalSetAnalyticsCollectionEnabled = analyticsInstance.setAnalyticsCollectionEnabled.bind(analyticsInstance);
+        analyticsInstance.setAnalyticsCollectionEnabled = async (enabled) => {
+            isCollectionEnabled = enabled;
+            notify();
+            return originalSetAnalyticsCollectionEnabled(enabled);
+        };
+    }
+    // ── resetAnalyticsData ──────────────────────────────────────────────────────
+    if (typeof analyticsInstance.resetAnalyticsData === 'function') {
+        const originalResetAnalyticsData = analyticsInstance.resetAnalyticsData.bind(analyticsInstance);
+        analyticsInstance.resetAnalyticsData = async () => {
+            (0, exports.clearAnalyticsEvents)();
+            currentUserProperties = {};
+            currentUserId = undefined;
+            currentDefaultEventParameters = {};
+            notify();
+            return originalResetAnalyticsData();
+        };
+    }
 };
 exports.setupAnalyticsLogger = setupAnalyticsLogger;
 const autoSetupAnalyticsLogger = () => {

package/dist/commonjs/customHooks/consoleLogger.js

@@ -27,26 +27,102 @@ const formatArgs = (args) => {
     })
         .join(' ');
 };
-const getCallerFromStack = () => {
+// ─── Symbolication Helper for React Native Metro ────────────────────────────
+const symbolicateStack = async (stackString) => {
+    if (typeof __DEV__ === 'undefined' || !__DEV__)
+        return null;
     try {
-        const stack = new Error().stack;
-        if (!stack)
-            return 'Unknown';
-        const lines = stack.split('\n');
+        // 1. Try React Native's built-in symbolicateStackTrace if available
+        let symModule = null;
+        try {
+            // @ts-ignore
+            symModule = require('react-native/Libraries/Core/Devtools/symbolicateStackTrace');
+        }
+        catch { }
+        const symFn = symModule?.default || symModule;
+        if (typeof symFn === 'function') {
+            const res = await symFn(stackString);
+            if (res && Array.isArray(res.stack)) {
+                return res.stack;
+            }
+        }
+    }
+    catch { }
+    try {
+        // 2. Direct HTTP symbolication to Metro packager endpoint
+        const metroUrl = 'http://localhost:8081/symbolicate';
+        const response = await fetch(metroUrl, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ stack: stackString }),
+        });
+        if (response.ok) {
+            const json = await response.json();
+            if (json && Array.isArray(json.stack)) {
+                return json.stack;
+            }
+        }
+    }
+    catch { }
+    return null;
+};
+const getStackDetails = (args) => {
+    try {
+        let errorStack;
+        if (args && args.length > 0) {
+            for (const arg of args) {
+                if (arg instanceof Error && arg.stack) {
+                    errorStack = arg.stack;
+                    break;
+                }
+                else if (arg &&
+                    typeof arg === 'object' &&
+                    typeof arg.stack === 'string') {
+                    errorStack = arg.stack;
+                    break;
+                }
+            }
+        }
+        const rawStack = new Error().stack;
+        const stackToUse = errorStack || rawStack;
+        if (!stackToUse)
+            return { caller: 'Unknown', errorStack };
+        const lines = stackToUse.split('\n');
+        let userCaller;
+        let fallbackCaller;
         for (let i = 0; i < lines.length; i++) {
             const line = lines[i];
-            // Skip internal console logger stack frames and native helpers
-            if (line.includes('consoleLogger') ||
+            if (!line ||
+                line.includes('consoleLogger') ||
                 line.includes('setupConsoleLogger') ||
-                line.includes('node_modules') ||
-                line.includes('Error')) {
+                line.includes('react-native-inapp-inspector') ||
+                line.trim() === 'Error') {
                 continue;
             }
-            return line.trim().replace(/^at /, '');
+            const isInternal = line.includes('react-native/Libraries') ||
+                line.includes('setUpConsole') ||
+                line.includes('ExceptionsManager') ||
+                line.includes('MessageQueue') ||
+                line.includes('metro-runtime') ||
+                line.includes('regenerator-runtime');
+            if (!fallbackCaller && !line.includes('setUpConsole')) {
+                fallbackCaller = line.trim().replace(/^at /, '');
+            }
+            if (!isInternal) {
+                userCaller = line.trim().replace(/^at /, '');
+                break;
+            }
         }
+        const cleanedStack = lines
+            .filter(l => !l.includes('consoleLogger') &&
+            !l.includes('setupConsoleLogger'))
+            .join('\n');
+        const caller = userCaller || fallbackCaller || 'Unknown';
+        return { caller, stack: cleanedStack || stackToUse, errorStack, stackToUse };
+    }
+    catch (e) {
+        return { caller: 'Unknown' };
     }
-    catch (e) { }
-    return 'Unknown';
 };
 const notify = () => {
     const snapshot = [...logs];
@@ -71,18 +147,66 @@ const addLog = (type, args, sourceMethod) => {
             message.toLowerCase().trim().includes(prefix.toLowerCase().trim()))) {
             return;
         }
-        const caller = getCallerFromStack();
+        const { caller, stack, errorStack, stackToUse } = getStackDetails(args);
         const newLog = {
             id: counter++,
             type,
             message,
             timestamp: Date.now(),
             caller,
+            stack,
+            errorStack,
+            rawArgs: args,
             sourceMethod,
         };
         logs.unshift(newLog);
         logs = logs.slice(0, MAX_LOGS);
         notify();
+        // Asynchronously symbolicate stack trace using Metro in DEV mode
+        if (stackToUse && typeof __DEV__ !== 'undefined' && __DEV__) {
+            const currentLogId = newLog.id;
+            symbolicateStack(stackToUse)
+                .then(symFrames => {
+                if (symFrames && Array.isArray(symFrames) && symFrames.length > 0) {
+                    const symLines = [];
+                    let symUserCaller;
+                    for (const frame of symFrames) {
+                        const file = (frame.file || '').replace(/^webpack:\/\/\/?/, '');
+                        const method = frame.methodName || '<anonymous>';
+                        const line = frame.lineNumber != null ? `:${frame.lineNumber}` : '';
+                        const col = frame.column != null ? `:${frame.column}` : '';
+                        const lineStr = `at ${method} (${file}${line}${col})`;
+                        symLines.push(lineStr);
+                        const isUserFile = file &&
+                            !file.includes('node_modules') &&
+                            !file.includes('react-native/') &&
+                            !file.includes('consoleLogger') &&
+                            !file.includes('setupConsoleLogger') &&
+                            (file.endsWith('.tsx') ||
+                                file.endsWith('.jsx') ||
+                                file.endsWith('.ts') ||
+                                file.endsWith('.js'));
+                        if (!symUserCaller && isUserFile) {
+                            symUserCaller = `${method} (${file}${line}${col})`;
+                        }
+                    }
+                    const targetLog = logs.find(l => l.id === currentLogId);
+                    if (targetLog) {
+                        if (symUserCaller) {
+                            targetLog.caller = symUserCaller;
+                        }
+                        else if (symLines.length > 0) {
+                            targetLog.caller = symLines[0].replace(/^at /, '');
+                        }
+                        if (symLines.length > 0) {
+                            targetLog.stack = symLines.join('\n');
+                        }
+                        notify();
+                    }
+                }
+            })
+                .catch(() => { });
+        }
     }
     catch (e) {
         // Fail-safe to prevent crash during logging