react-native-inapp-inspector 1.1.35 → 2.0.1

package/dist/commonjs/native/NativeInspector.js

@@ -0,0 +1,313 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchNativeCachedPage = exports.pushNativeLogRecord = exports.getNativeSystemMetrics = exports.triggerNativeHaptic = exports.setNativeStorageItem = exports.getNativeStorageItem = exports.subscribeNativeDeviceShake = exports.getNativeFpsMetrics = exports.stopNativeFpsMonitoring = exports.startNativeFpsMonitoring = exports.subscribeNativeFloatingButtonPress = exports.setNativeFloatingButtonBadge = exports.hideNativeFloatingButton = exports.showNativeFloatingButton = exports.subscribeNativeCrashes = exports.enableNativeCrashProtection = exports.getNativeDeviceMetrics = exports.isNativeModuleAvailable = void 0;
+const react_native_1 = require("react-native");
+const NativeNetworkInspector_1 = __importDefault(require("./NativeNetworkInspector"));
+// Seamless TurboModule (New Architecture / JSI) & Legacy NativeModules Bridge resolution
+const NativeModule = NativeNetworkInspector_1.default || react_native_1.NativeModules.NetworkInspectorModule;
+const isNativeModuleAvailable = () => {
+    return !!NativeModule;
+};
+exports.isNativeModuleAvailable = isNativeModuleAvailable;
+const nativeEmitter = (0, exports.isNativeModuleAvailable)()
+    ? new react_native_1.NativeEventEmitter(NativeModule)
+    : null;
+/**
+ * Retrieves low-level native hardware and system metrics (RAM, Heap, Disk, Battery, CPU).
+ */
+const getNativeDeviceMetrics = async () => {
+    if (!NativeModule || !NativeModule.getDeviceMetrics) {
+        return null;
+    }
+    try {
+        const metrics = await NativeModule.getDeviceMetrics();
+        return metrics;
+    }
+    catch (error) {
+        return null;
+    }
+};
+exports.getNativeDeviceMetrics = getNativeDeviceMetrics;
+/**
+ * Enables native signal and uncaught exception protection in the iOS / Android runtime.
+ * Automatically ensures the native floating icon is shown and available before UI renders.
+ */
+const enableNativeCrashProtection = async (options) => {
+    if (!NativeModule || !NativeModule.enableNativeCrashProtection) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.enableNativeCrashProtection();
+        if (options?.showFloatingButton !== false) {
+            await (0, exports.showNativeFloatingButton)();
+        }
+        return !!result;
+    }
+    catch (error) {
+        return false;
+    }
+};
+exports.enableNativeCrashProtection = enableNativeCrashProtection;
+/**
+ * Subscribes to fatal native crash events caught by the iOS / Kotlin exception handlers.
+ */
+const subscribeNativeCrashes = (callback) => {
+    if (!nativeEmitter) {
+        return () => { };
+    }
+    try {
+        const subscription = nativeEmitter.addListener('onNativeCrash', callback);
+        return () => {
+            subscription.remove();
+        };
+    }
+    catch (e) {
+        return () => { };
+    }
+};
+exports.subscribeNativeCrashes = subscribeNativeCrashes;
+/**
+ * Displays the 100% native main-thread floating overlay button.
+ * Dragging & touches run on the native UI thread, completely isolated from JS thread stalls.
+ */
+const showNativeFloatingButton = async (options) => {
+    if (!NativeModule || !NativeModule.showFloatingButton) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.showFloatingButton(options || {});
+        return !!result;
+    }
+    catch (error) {
+        return false;
+    }
+};
+exports.showNativeFloatingButton = showNativeFloatingButton;
+/**
+ * Hides the native floating overlay button.
+ */
+const hideNativeFloatingButton = async () => {
+    if (!NativeModule || !NativeModule.hideFloatingButton) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.hideFloatingButton();
+        return !!result;
+    }
+    catch (error) {
+        return false;
+    }
+};
+exports.hideNativeFloatingButton = hideNativeFloatingButton;
+/**
+ * Updates the badge/status dot on the native floating overlay button.
+ */
+const setNativeFloatingButtonBadge = async (hasBadge) => {
+    if (!NativeModule || !NativeModule.setFloatingButtonBadge) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.setFloatingButtonBadge(hasBadge);
+        return !!result;
+    }
+    catch (error) {
+        return false;
+    }
+};
+exports.setNativeFloatingButtonBadge = setNativeFloatingButtonBadge;
+/**
+ * Subscribes to tap events on the native floating button.
+ */
+const subscribeNativeFloatingButtonPress = (callback) => {
+    if (!nativeEmitter) {
+        return () => { };
+    }
+    try {
+        const subscription = nativeEmitter.addListener('onFloatingButtonPress', callback);
+        return () => {
+            subscription.remove();
+        };
+    }
+    catch (e) {
+        return () => { };
+    }
+};
+exports.subscribeNativeFloatingButtonPress = subscribeNativeFloatingButtonPress;
+/**
+ * Starts hardware-accurate native UI thread FPS tracking (CADisplayLink / Choreographer).
+ */
+const startNativeFpsMonitoring = async () => {
+    if (!NativeModule || !NativeModule.startFpsMonitoring) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.startFpsMonitoring();
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.startNativeFpsMonitoring = startNativeFpsMonitoring;
+/**
+ * Stops native FPS tracking.
+ */
+const stopNativeFpsMonitoring = async () => {
+    if (!NativeModule || !NativeModule.stopFpsMonitoring) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.stopFpsMonitoring();
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.stopNativeFpsMonitoring = stopNativeFpsMonitoring;
+/**
+ * Reads the latest live hardware FPS from CADisplayLink (iOS) or Choreographer (Android).
+ */
+const getNativeFpsMetrics = async () => {
+    if (!NativeModule || !NativeModule.getFpsMetrics) {
+        return { fps: 60, targetFps: 60 };
+    }
+    try {
+        const metrics = await NativeModule.getFpsMetrics();
+        return {
+            fps: typeof metrics?.fps === 'number' ? metrics.fps : 60,
+            targetFps: typeof metrics?.targetFps === 'number' ? metrics.targetFps : 60,
+        };
+    }
+    catch {
+        return { fps: 60, targetFps: 60 };
+    }
+};
+exports.getNativeFpsMetrics = getNativeFpsMetrics;
+/**
+ * Subscribes to physical hardware shake events (or Cmd+Ctrl+Z on iOS simulator).
+ */
+const subscribeNativeDeviceShake = (callback) => {
+    if (!nativeEmitter) {
+        return () => { };
+    }
+    try {
+        const subscription = nativeEmitter.addListener('onDeviceShake', callback);
+        return () => {
+            subscription.remove();
+        };
+    }
+    catch {
+        return () => { };
+    }
+};
+exports.subscribeNativeDeviceShake = subscribeNativeDeviceShake;
+/**
+ * Reads a persisted value synchronously from native NSUserDefaults / SharedPreferences.
+ */
+const getNativeStorageItem = async (key) => {
+    if (!NativeModule || !NativeModule.getNativeStorageItem) {
+        return null;
+    }
+    try {
+        const val = await NativeModule.getNativeStorageItem(key);
+        return typeof val === 'string' ? val : null;
+    }
+    catch {
+        return null;
+    }
+};
+exports.getNativeStorageItem = getNativeStorageItem;
+/**
+ * Persists a key-value pair to native NSUserDefaults / SharedPreferences with 0ms latency.
+ */
+const setNativeStorageItem = async (key, value) => {
+    if (!NativeModule || !NativeModule.setNativeStorageItem) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.setNativeStorageItem(key, value);
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.setNativeStorageItem = setNativeStorageItem;
+/**
+ * Triggers hardware native haptic feedback (iOS UIFeedbackGenerator / Android VibrationEffect).
+ */
+const triggerNativeHaptic = async (style = 'light') => {
+    if (!NativeModule || !NativeModule.triggerHaptic) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.triggerHaptic(style);
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.triggerNativeHaptic = triggerNativeHaptic;
+/**
+ * Retrieves live system thermal state and RAM telemetry directly from native layer.
+ */
+const getNativeSystemMetrics = async () => {
+    if (!NativeModule || !NativeModule.getNativeSystemMetrics) {
+        return null;
+    }
+    try {
+        const metrics = await NativeModule.getNativeSystemMetrics();
+        return metrics;
+    }
+    catch {
+        return null;
+    }
+};
+exports.getNativeSystemMetrics = getNativeSystemMetrics;
+/**
+ * Pushes a log payload to native background worker queues for instant native page caching.
+ */
+const pushNativeLogRecord = async (pageKey, jsonPayload) => {
+    if (!NativeModule || !NativeModule.pushNativeLogRecord) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.pushNativeLogRecord(pageKey, jsonPayload);
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.pushNativeLogRecord = pushNativeLogRecord;
+/**
+ * Fetches pre-indexed, pre-sliced page data directly from native background memory queues.
+ * Delivers instantaneous 0ms page loading without blocking JS render thread.
+ */
+const fetchNativeCachedPage = async (pageKey, offset = 0, limit = 50, query = '') => {
+    if (!NativeModule || !NativeModule.getNativeCachedPage) {
+        return null;
+    }
+    try {
+        const rawJson = await NativeModule.getNativeCachedPage(pageKey, offset, limit, query);
+        if (!rawJson)
+            return null;
+        const parsed = JSON.parse(rawJson);
+        const parsedItems = (parsed.items || []).map((item) => typeof item === 'string' ? JSON.parse(item) : item);
+        return {
+            pageKey: parsed.pageKey || pageKey,
+            total: parsed.total || 0,
+            offset: parsed.offset || offset,
+            items: parsedItems,
+        };
+    }
+    catch {
+        return null;
+    }
+};
+exports.fetchNativeCachedPage = fetchNativeCachedPage;

package/dist/commonjs/native/NativeNetworkInspector.d.ts

@@ -0,0 +1,22 @@
+import type { TurboModule } from 'react-native';
+export interface Spec extends TurboModule {
+    enableNativeCrashProtection(): Promise<boolean>;
+    getDeviceMetrics(): Promise<Object>;
+    showFloatingButton(options: Object): Promise<boolean>;
+    hideFloatingButton(): Promise<boolean>;
+    setFloatingButtonBadge(hasBadge: boolean): Promise<boolean>;
+    setFloatingButtonPosition(x: number, y: number): Promise<boolean>;
+    startFpsMonitoring(): Promise<boolean>;
+    stopFpsMonitoring(): Promise<boolean>;
+    getFpsMetrics(): Promise<Object>;
+    getNativeStorageItem(key: string): Promise<string | null>;
+    setNativeStorageItem(key: string, value: string | null): Promise<boolean>;
+    triggerHaptic(style: string): Promise<boolean>;
+    getNativeSystemMetrics(): Promise<Object>;
+    pushNativeLogRecord(pageKey: string, jsonPayload: string): Promise<boolean>;
+    getNativeCachedPage(pageKey: string, offset: number, limit: number, query: string): Promise<string>;
+    addListener(eventName: string): void;
+    removeListeners(count: number): void;
+}
+declare const _default: Spec;
+export default _default;

package/dist/commonjs/native/NativeNetworkInspector.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+exports.default = react_native_1.TurboModuleRegistry.get('NetworkInspectorModule');

package/dist/commonjs/styles/index.js

@@ -43,10 +43,10 @@ const getRawStyles = (colors) => ({
     header: {
         flexDirection: 'row',
         alignItems: 'center',
-        paddingHorizontal: 12,
-        paddingVertical: 10,
+        paddingHorizontal: 10,
+        paddingVertical: 8,
         zIndex: 10,
-        minHeight: 56,
+        minHeight: 52,
         shadowColor: colors.black,
         shadowOffset: { width: 0, height: 2 },
         shadowOpacity: 0.08,
@@ -70,7 +70,7 @@ const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'flex-end',
-        gap: 6,
+        gap: 5,
     },
     headerTitle: {
         fontFamily: AppFonts_1.AppFonts.interBold,
@@ -172,12 +172,12 @@ const getRawStyles = (colors) => ({
         fontSize: 12,
         letterSpacing: 0.2,
     },
-    listContent: { paddingBottom: 12 },
+    listContent: { paddingBottom: react_native_1.Platform.OS === 'ios' ? 44 : 32 },
     // #2 — scroll-to-top button, always shown at the bottom right.
     scrollTopBtn: {
         position: 'absolute',
-        bottom: 25,
-        right: 15,
+        bottom: 22,
+        right: 16,
         width: 38,
         height: 38,
         borderRadius: 19,
@@ -186,16 +186,16 @@ const getRawStyles = (colors) => ({
         justifyContent: 'center',
         shadowColor: colors.black,
         shadowOffset: { width: 0, height: 3 },
-        shadowOpacity: 0.25,
-        shadowRadius: 5,
-        elevation: 6,
-        zIndex: 50,
+        shadowOpacity: 0.3,
+        shadowRadius: 6,
+        elevation: 12,
+        zIndex: 999,
     },
     detailScroll: { flex: 1 },
     closeButtonSquare: {
-        width: 32,
-        height: 32,
-        borderRadius: 8,
+        width: 30,
+        height: 30,
+        borderRadius: 7,
         backgroundColor: `${colors.white}2B`,
         alignItems: 'center',
         justifyContent: 'center',
@@ -414,12 +414,12 @@ const getRawStyles = (colors) => ({
     },
     clearBtn: { padding: 4 },
     domainHeaderCard: {
-        marginHorizontal: 12,
-        marginTop: 12,
+        marginHorizontal: 8,
+        marginTop: 10,
         marginBottom: 4,
-        paddingHorizontal: 12,
-        paddingVertical: 8,
-        borderRadius: 10,
+        paddingHorizontal: 8,
+        paddingVertical: 7,
+        borderRadius: 9,
         backgroundColor: colors.grayBackground,
         borderWidth: 1,
         borderColor: colors.grayBorderSecondary,
@@ -441,18 +441,18 @@ const getRawStyles = (colors) => ({
         flex: 1,
         minWidth: 0,
         marginRight: 6,
-        gap: 8,
+        gap: 6,
     },
     domainIconWrap: {
-        width: 26,
-        height: 26,
-        borderRadius: 6,
+        width: 22,
+        height: 22,
+        borderRadius: 5,
         alignItems: 'center',
         justifyContent: 'center',
     },
     domainTitleText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 13.5,
+        fontSize: 13,
         fontWeight: '700',
         color: colors.primaryBlack,
         textTransform: 'capitalize',
@@ -514,23 +514,23 @@ const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         gap: 3,
-        paddingHorizontal: 6,
-        paddingVertical: 3,
-        borderRadius: 6,
+        paddingHorizontal: 5,
+        paddingVertical: 2.5,
+        borderRadius: 5,
         borderWidth: 1,
         borderColor: colors.grayBorderSecondary,
         backgroundColor: colors.primaryLight,
     },
     domainStatText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
+        fontSize: 9.5,
     },
     treeNodeRow: {
         flexDirection: 'row',
         alignItems: 'stretch',
-        marginHorizontal: 12,
-        paddingRight: 8,
-        paddingLeft: 4,
+        marginHorizontal: 8,
+        paddingRight: 4,
+        paddingLeft: 0,
         backgroundColor: colors.grayBackground,
         borderLeftWidth: 1,
         borderRightWidth: 1,
@@ -544,14 +544,14 @@ const getRawStyles = (colors) => ({
         paddingBottom: 6,
     },
     treeLines: {
-        width: 28,
+        width: 14,
         position: 'relative',
     },
     modernTreeLine: {
         position: 'absolute',
-        left: 14,
+        left: 7,
         top: 0,
-        width: 14,
+        width: 7,
         height: '100%',
         borderLeftWidth: 1.5,
         opacity: 0.5,
@@ -559,19 +559,19 @@ const getRawStyles = (colors) => ({
     modernTreeLineLast: {
         height: '50%',
         borderBottomWidth: 1.5,
-        borderBottomLeftRadius: 10,
+        borderBottomLeftRadius: 8,
     },
     modernTreeBranch: {
         position: 'absolute',
-        left: 14,
+        left: 7,
         top: '50%',
-        width: 14,
+        width: 7,
         borderTopWidth: 1.5,
         opacity: 0.5,
     },
     treeCardWrapper: {
         flex: 1,
-        paddingVertical: 3.5,
+        paddingVertical: 3,
     },
     card: {
         marginHorizontal: 0,
@@ -611,10 +611,10 @@ const getRawStyles = (colors) => ({
         gap: 5,
     },
     smallCheckbox: {
-        width: 13,
-        height: 13,
+        width: 15,
+        height: 15,
         borderRadius: 4,
-        borderWidth: 1.5,
+        borderWidth: 1.8,
         borderColor: colors.grayTextWeak,
         alignItems: 'center',
         justifyContent: 'center',

package/dist/commonjs/types/enums.d.ts

@@ -25,7 +25,7 @@ export declare const StatusFilter: {
     readonly FiveXx: "5xx";
     readonly Failed: "Failed";
 };
-export type StatusFilter = (typeof StatusFilter)[keyof typeof StatusFilter];
+export type StatusFilter = (typeof StatusFilter)[keyof typeof StatusFilter] | string;
 export declare const SortOrder: {
     readonly Newest: "newest";
     readonly Oldest: "oldest";

package/dist/commonjs/types/interfaces.d.ts

@@ -140,6 +140,9 @@ export interface PersistedSettings {
     defaultTab?: string;
     maxNetworkLogs?: number;
     maxConsoleLogs?: number;
+    maxAnalyticsEventsLimit?: number;
+    maxCrashLogs?: number;
+    isAutoRamLimitEnabled?: boolean;
     showConsoleLevels?: {
         info: boolean;
         warn: boolean;
@@ -197,6 +200,7 @@ export interface InspectorContextValue {
     activePulseAnim: Animated.Value;
     unreadPulseAnim: Animated.Value;
     runClearAllWithAnimation: () => void;
+    useNativeFab: boolean;
     fabPan: Animated.ValueXY;
     fabPanResponder: PanResponderInstance;
     fabDraggedRef: React.MutableRefObject<boolean>;
@@ -313,6 +317,11 @@ export interface InspectorContextValue {
     setMaxNetworkLogs: React.Dispatch<React.SetStateAction<number>>;
     maxConsoleLogs: number;
     setMaxConsoleLogs: React.Dispatch<React.SetStateAction<number>>;
+    maxAnalyticsEventsLimit: number;
+    setMaxAnalyticsEventsLimit: React.Dispatch<React.SetStateAction<number>>;
+    isAutoRamLimitEnabled: boolean;
+    setIsAutoRamLimitEnabled: React.Dispatch<React.SetStateAction<boolean>>;
+    deviceFreeRamMb: number;
     reduxAutoRefresh: boolean;
     setReduxAutoRefreshState: React.Dispatch<React.SetStateAction<boolean>>;
     reduxExpandDepth: number;

package/dist/esm/components/ConsoleLogCard.js

@@ -4,8 +4,8 @@ import { Pressable, StyleSheet, Text, View, } from 'react-native';
 import { AppColors } from '../styles/AppColors';
 import { AppFonts } from '../styles/AppFonts';
 import { formatTime, getJsonContent, getJsonPreviewText, parseStackLine, openInVSCode, } from '../helpers';
-import HighlightText from './HighlightText';
 import CopyButton from './CopyButton';
+import LogSyntaxHighlighter from './LogSyntaxHighlighter';
 import { ChevronIcon, ExternalLinkIcon, FlaskIcon, ZapIcon, GlobeIcon, DiceIcon, AtomIcon, BarChartIcon, KeyIcon, SmartphoneIcon, AlertTriangleIcon, BugIcon, TagIcon, } from './NetworkIcons';
 import { useInspector } from './Inspector/InspectorContext';
 const getLogMessageWithBadges = (message, searchStr, textStyle, highlightStyle, numberOfLines) => {
@@ -73,10 +73,10 @@ const getLogMessageWithBadges = (message, searchStr, textStyle, highlightStyle,
               </View>);
             })}
         </View>
-        <HighlightText text={remainingText} search={searchStr} style={textStyle} highlightStyle={highlightStyle} numberOfLines={numberOfLines} detectLinks={true}/>
+        <LogSyntaxHighlighter text={remainingText} search={searchStr} style={textStyle} numberOfLines={numberOfLines} detectLinks={true}/>
       </View>);
     }
-    return (<HighlightText text={message} search={searchStr} style={textStyle} highlightStyle={highlightStyle} numberOfLines={numberOfLines} detectLinks={true}/>);
+    return (<LogSyntaxHighlighter text={message} search={searchStr} style={textStyle} numberOfLines={numberOfLines} detectLinks={true}/>);
 };
 export const ConsoleLogCard = React.memo(function ConsoleLogCard({ item, searchStr = '', }) {
     const { setSelectedLog } = useInspector();
@@ -234,10 +234,10 @@ export const ConsoleLogCard = React.memo(function ConsoleLogCard({ item, searchS
           {jsonContent ? (<>
               {jsonContent.header ? (getLogMessageWithBadges(jsonContent.header, searchStr, [styles.messageText, { color: AppColors.primaryBlack }], styles.highlight, 2)) : null}
               {jsonPreview && (<View style={styles.jsonPreviewContainer}>
-                  <HighlightText text={jsonPreview.text} search={searchStr} style={[
+                  <LogSyntaxHighlighter text={jsonPreview.text} search={searchStr} style={[
                     styles.jsonPreviewText,
                     { color: AppColors.primaryBlack },
-                ]} highlightStyle={styles.highlight} detectLinks={false} numberOfLines={5}/>
+                ]} detectLinks={false} numberOfLines={5}/>
                 </View>)}
             </>) : (getLogMessageWithBadges(item.message, searchStr, [styles.messageText, { color: AppColors.primaryBlack }], styles.highlight, 3))}
         </View>

package/dist/esm/components/CopyButton.js

@@ -4,6 +4,7 @@ import { Share } from 'react-native';
 import TouchableScale from './TouchableScale';
 // Helpers
 import { copyToClipboard } from '../helpers';
+import { triggerNativeHaptic } from '../native/NativeInspector';
 // Assets
 import { TerminalIcon, FetchIcon, CopyIcon, CheckIcon } from './NetworkIcons';
 // Stylesheet
@@ -12,6 +13,7 @@ import styles from '../styles';
 const CopyButton = React.memo(({ value, label, iconType = 'copy' }) => {
     const [copied, setCopied] = useState(false);
     const handlePress = useCallback(() => {
+        triggerNativeHaptic('success');
         const resolvedValue = typeof value === 'function' ? value() : value;
         copyToClipboard(resolvedValue, label);
         setCopied(true);
@@ -19,6 +21,7 @@ const CopyButton = React.memo(({ value, label, iconType = 'copy' }) => {
     }, [value, label]);
     const handleLongPress = useCallback(() => {
         try {
+            triggerNativeHaptic('medium');
             const resolvedValue = typeof value === 'function' ? value() : value;
             const textToShare = typeof resolvedValue === 'string'
                 ? resolvedValue

package/dist/esm/components/EndOfListFooter.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import { Platform, StyleSheet, Text, View } from 'react-native';
 import { AppColors } from '../styles/AppColors';
 import { AppFonts } from '../styles/AppFonts';
 import { CheckIcon } from './NetworkIcons';
@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
         justifyContent: 'center',
         paddingHorizontal: 16,
         paddingTop: 16,
-        paddingBottom: 28,
+        paddingBottom: Platform.OS === 'ios' ? 44 : 32,
         gap: 8,
     },
     dividerLine: {

package/dist/esm/components/ErrorBoundary.js

@@ -7,6 +7,7 @@ import { t } from '../i18n';
 import { WarningTriangleIcon, CopyIcon, RefreshCcwIcon, ClearIcon, CircleAlertIcon, } from './NetworkIcons';
 import { handleInterceptedCrash } from '../customHooks/crashHandler';
 import { CrashType } from '../types/enums';
+import { showNativeFloatingButton, setNativeFloatingButtonBadge, } from '../native/NativeInspector';
 function parseStackTrace(stack) {
     if (!stack)
         return { rootFrame: null, frames: [] };
@@ -109,6 +110,8 @@ ${error.stack || 'No stack trace available'}
         try {
             const stack = error?.stack || errorInfo?.componentStack || '';
             handleInterceptedCrash(error, stack, false, CrashType.Render, errorInfo?.componentStack);
+            showNativeFloatingButton();
+            setNativeFloatingButtonBadge(true);
         }
         catch { }
     }