react-native-inapp-inspector 2.3.5 → 2.3.6

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

@@ -32,75 +32,31 @@ export interface NativeCrashEvent {
     timestamp: number;
 }
 export declare const isNativeModuleAvailable: () => boolean;
-/**
- * Retrieves low-level native hardware and system metrics (RAM, Heap, Disk, Battery, CPU).
- */
 export declare const getNativeDeviceMetrics: () => Promise<NativeDeviceMetrics | null>;
-/**
- * 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.
- */
 export declare const enableNativeCrashProtection: (options?: {
     showFloatingButton?: boolean;
 }) => Promise<boolean>;
-/**
- * Subscribes to fatal native crash events caught by the iOS / Kotlin exception handlers.
- */
 export declare const subscribeNativeCrashes: (callback: (event: NativeCrashEvent) => void) => (() => void);
 export interface FloatingButtonOptions {
     size?: number;
     x?: number;
     y?: number;
 }
-/**
- * Displays the 100% native main-thread floating overlay button.
- * Dragging & touches run on the native UI thread, completely isolated from JS thread stalls.
- */
 export declare const showNativeFloatingButton: (options?: FloatingButtonOptions) => Promise<boolean>;
-/**
- * Hides the native floating overlay button.
- */
 export declare const hideNativeFloatingButton: () => Promise<boolean>;
-/**
- * Updates the badge/status dot on the native floating overlay button.
- */
 export declare const setNativeFloatingButtonBadge: (hasBadge: boolean) => Promise<boolean>;
-/**
- * Subscribes to tap events on the native floating button.
- */
 export declare const subscribeNativeFloatingButtonPress: (callback: () => void) => (() => void);
-/**
- * Starts hardware-accurate native UI thread FPS tracking (CADisplayLink / Choreographer).
- */
 export declare const startNativeFpsMonitoring: () => Promise<boolean>;
-/**
- * Stops native FPS tracking.
- */
 export declare const stopNativeFpsMonitoring: () => Promise<boolean>;
 export interface NativeFpsMetrics {
     fps: number;
     targetFps: number;
 }
-/**
- * Reads the latest live hardware FPS from CADisplayLink (iOS) or Choreographer (Android).
- */
 export declare const getNativeFpsMetrics: () => Promise<NativeFpsMetrics>;
-/**
- * Subscribes to physical hardware shake events (or Cmd+Ctrl+Z on iOS simulator).
- */
 export declare const subscribeNativeDeviceShake: (callback: () => void) => (() => void);
-/**
- * Reads a persisted value synchronously from native NSUserDefaults / SharedPreferences.
- */
 export declare const getNativeStorageItem: (key: string) => Promise<string | null>;
-/**
- * Persists a key-value pair to native NSUserDefaults / SharedPreferences with 0ms latency.
- */
 export declare const setNativeStorageItem: (key: string, value: string | null) => Promise<boolean>;
 export type HapticStyle = 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error';
-/**
- * Triggers hardware native haptic feedback (iOS UIFeedbackGenerator / Android VibrationEffect).
- */
 export declare const triggerNativeHaptic: (style?: HapticStyle) => Promise<boolean>;
 export interface NativeSystemMetrics {
     thermalState: 'nominal' | 'fair' | 'serious' | 'critical';
@@ -109,13 +65,7 @@ export interface NativeSystemMetrics {
     fps: number;
     activeCpuCores: number;
 }
-/**
- * Retrieves live system thermal state and RAM telemetry directly from native layer.
- */
 export declare const getNativeSystemMetrics: () => Promise<NativeSystemMetrics | null>;
-/**
- * Pushes a log payload to native background worker queues for instant native page caching.
- */
 export declare const pushNativeLogRecord: (pageKey: "apis" | "logs" | "analytics" | "crash", jsonPayload: string) => Promise<boolean>;
 export interface NativeCachedPageResult<T = any> {
     pageKey: string;
@@ -123,8 +73,4 @@ export interface NativeCachedPageResult<T = any> {
     offset: number;
     items: T[];
 }
-/**
- * Fetches pre-indexed, pre-sliced page data directly from native background memory queues.
- * Delivers instantaneous 0ms page loading without blocking JS render thread.
- */
 export declare const fetchNativeCachedPage: <T = any>(pageKey: "apis" | "logs" | "analytics" | "crash", offset?: number, limit?: number, query?: string) => Promise<NativeCachedPageResult<T> | null>;

package/dist/commonjs/native/NativeInspector.js

@@ -6,7 +6,6 @@ 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;
@@ -22,9 +21,6 @@ const getNativeEmitter = () => {
     return null;
 };
 const nativeEmitter = getNativeEmitter();
-/**
- * Retrieves low-level native hardware and system metrics (RAM, Heap, Disk, Battery, CPU).
- */
 const getNativeDeviceMetrics = async () => {
     if (!NativeModule || !NativeModule.getDeviceMetrics) {
         return null;
@@ -38,10 +34,6 @@ const getNativeDeviceMetrics = async () => {
     }
 };
 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;
@@ -58,9 +50,6 @@ const enableNativeCrashProtection = async (options) => {
     }
 };
 exports.enableNativeCrashProtection = enableNativeCrashProtection;
-/**
- * Subscribes to fatal native crash events caught by the iOS / Kotlin exception handlers.
- */
 const subscribeNativeCrashes = (callback) => {
     const cleanups = [];
     try {
@@ -85,10 +74,6 @@ const subscribeNativeCrashes = (callback) => {
     };
 };
 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;
@@ -102,9 +87,6 @@ const showNativeFloatingButton = async (options) => {
     }
 };
 exports.showNativeFloatingButton = showNativeFloatingButton;
-/**
- * Hides the native floating overlay button.
- */
 const hideNativeFloatingButton = async () => {
     if (!NativeModule || !NativeModule.hideFloatingButton) {
         return false;
@@ -118,9 +100,6 @@ const hideNativeFloatingButton = async () => {
     }
 };
 exports.hideNativeFloatingButton = hideNativeFloatingButton;
-/**
- * Updates the badge/status dot on the native floating overlay button.
- */
 const setNativeFloatingButtonBadge = async (hasBadge) => {
     if (!NativeModule || !NativeModule.setFloatingButtonBadge) {
         return false;
@@ -134,9 +113,6 @@ const setNativeFloatingButtonBadge = async (hasBadge) => {
     }
 };
 exports.setNativeFloatingButtonBadge = setNativeFloatingButtonBadge;
-/**
- * Subscribes to tap events on the native floating button.
- */
 const subscribeNativeFloatingButtonPress = (callback) => {
     const cleanups = [];
     try {
@@ -151,7 +127,6 @@ const subscribeNativeFloatingButtonPress = (callback) => {
         }
         catch (e) { }
     }
-    // Active Bridgeless / TurboModule tap detection
     const interval = setInterval(async () => {
         if (NativeModule && NativeModule.checkFloatingButtonPress) {
             try {
@@ -174,9 +149,6 @@ const subscribeNativeFloatingButtonPress = (callback) => {
     };
 };
 exports.subscribeNativeFloatingButtonPress = subscribeNativeFloatingButtonPress;
-/**
- * Starts hardware-accurate native UI thread FPS tracking (CADisplayLink / Choreographer).
- */
 const startNativeFpsMonitoring = async () => {
     if (!NativeModule || !NativeModule.startFpsMonitoring) {
         return false;
@@ -190,9 +162,6 @@ const startNativeFpsMonitoring = async () => {
     }
 };
 exports.startNativeFpsMonitoring = startNativeFpsMonitoring;
-/**
- * Stops native FPS tracking.
- */
 const stopNativeFpsMonitoring = async () => {
     if (!NativeModule || !NativeModule.stopFpsMonitoring) {
         return false;
@@ -206,9 +175,6 @@ const stopNativeFpsMonitoring = async () => {
     }
 };
 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 };
@@ -225,9 +191,6 @@ const getNativeFpsMetrics = async () => {
     }
 };
 exports.getNativeFpsMetrics = getNativeFpsMetrics;
-/**
- * Subscribes to physical hardware shake events (or Cmd+Ctrl+Z on iOS simulator).
- */
 const subscribeNativeDeviceShake = (callback) => {
     if (!nativeEmitter) {
         return () => { };
@@ -243,9 +206,6 @@ const subscribeNativeDeviceShake = (callback) => {
     }
 };
 exports.subscribeNativeDeviceShake = subscribeNativeDeviceShake;
-/**
- * Reads a persisted value synchronously from native NSUserDefaults / SharedPreferences.
- */
 const getNativeStorageItem = async (key) => {
     if (!NativeModule || !NativeModule.getNativeStorageItem) {
         return null;
@@ -259,9 +219,6 @@ const getNativeStorageItem = async (key) => {
     }
 };
 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;
@@ -275,9 +232,6 @@ const setNativeStorageItem = async (key, value) => {
     }
 };
 exports.setNativeStorageItem = setNativeStorageItem;
-/**
- * Triggers hardware native haptic feedback (iOS UIFeedbackGenerator / Android VibrationEffect).
- */
 const triggerNativeHaptic = async (style = 'light') => {
     if (!NativeModule || !NativeModule.triggerHaptic) {
         return false;
@@ -291,9 +245,6 @@ const triggerNativeHaptic = async (style = 'light') => {
     }
 };
 exports.triggerNativeHaptic = triggerNativeHaptic;
-/**
- * Retrieves live system thermal state and RAM telemetry directly from native layer.
- */
 const getNativeSystemMetrics = async () => {
     if (!NativeModule || !NativeModule.getNativeSystemMetrics) {
         return null;
@@ -307,9 +258,6 @@ const getNativeSystemMetrics = async () => {
     }
 };
 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;
@@ -323,10 +271,6 @@ const pushNativeLogRecord = async (pageKey, jsonPayload) => {
     }
 };
 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;

package/dist/commonjs/network.d.ts

@@ -1,6 +1,2 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/network
- * Clean tree-shaking & isolated network logger without UI or React Context dependencies.
- */
 export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, getNetworkLogs, setNetworkModuleEnabled, getNetworkModuleEnabled, setMaxNetworkLogsLimit, getMaxNetworkLogsLimit, pruneNetworkLogs, } from './customHooks/networkLogger';
 export type { NetworkLog, Method, StatusFilter, SortOrder, } from './types';

package/dist/commonjs/network.js

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pruneNetworkLogs = exports.getMaxNetworkLogsLimit = exports.setMaxNetworkLogsLimit = exports.getNetworkModuleEnabled = exports.setNetworkModuleEnabled = exports.getNetworkLogs = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
-/**
- * Sub-module entry point: react-native-inapp-inspector/network
- * Clean tree-shaking & isolated network logger without UI or React Context dependencies.
- */
 var networkLogger_1 = require("./customHooks/networkLogger");
 Object.defineProperty(exports, "setupNetworkLogger", { enumerable: true, get: function () { return networkLogger_1.setupNetworkLogger; } });
 Object.defineProperty(exports, "clearNetworkLogs", { enumerable: true, get: function () { return networkLogger_1.clearNetworkLogs; } });

package/dist/commonjs/performance.d.ts

@@ -1,6 +1,2 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/performance
- * Clean tree-shaking & isolated performance tracker and profiler.
- */
 export { usePerformanceTracker, useComponentProfiler, useNavigationProfiler, trackComponentRender, trackNavigationTransition, trackHeavyTask, measureAsync, getHermesMemoryStats, registerComponentProfile, subscribeRenderProfiles, getRenderProfiles, logPerformanceEvent, clearPerformanceEvents, subscribePerformanceEvents, getPerformanceEvents, getInitialRenderProfiles, getInitialPerformanceEvents, generateFixSnippet, setPerformanceModuleEnabled, getPerformanceModuleEnabled, setMaxPerformanceEventsLimit, getMaxPerformanceEventsLimit, prunePerformanceEvents, type PerformanceEvent, type LiveMemoryStats, type ComponentRenderProfile, type CoreMobileVitals, type PerformanceFixKey, } from './customHooks/performanceTracker';
 export { PerformanceSubTab, } from './types';

package/dist/commonjs/performance.js

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PerformanceSubTab = exports.prunePerformanceEvents = exports.getMaxPerformanceEventsLimit = exports.setMaxPerformanceEventsLimit = exports.getPerformanceModuleEnabled = exports.setPerformanceModuleEnabled = exports.generateFixSnippet = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.getRenderProfiles = exports.subscribeRenderProfiles = exports.registerComponentProfile = exports.getHermesMemoryStats = exports.measureAsync = exports.trackHeavyTask = exports.trackNavigationTransition = exports.trackComponentRender = exports.useNavigationProfiler = exports.useComponentProfiler = exports.usePerformanceTracker = void 0;
-/**
- * Sub-module entry point: react-native-inapp-inspector/performance
- * Clean tree-shaking & isolated performance tracker and profiler.
- */
 var performanceTracker_1 = require("./customHooks/performanceTracker");
 Object.defineProperty(exports, "usePerformanceTracker", { enumerable: true, get: function () { return performanceTracker_1.usePerformanceTracker; } });
 Object.defineProperty(exports, "useComponentProfiler", { enumerable: true, get: function () { return performanceTracker_1.useComponentProfiler; } });

package/dist/commonjs/redux.d.ts

@@ -1,5 +1 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/redux
- * Clean tree-shaking & isolated Redux middleware and state inspector.
- */
 export { connectReduxStore, inspectorReduxMiddleware, getReduxState, subscribeReduxState, getActionHistory, clearActionHistory, getLastActionForReducer, clearLastActionForReducer, setReduxAutoRefresh, getReduxAutoRefresh, isReduxConnected, setReduxModuleEnabled, getReduxModuleEnabled, setMaxReduxHistoryLimit, getMaxReduxHistoryLimit, pruneReduxHistory, type ReduxHistoryEntry, } from './customHooks/reduxLogger';

package/dist/commonjs/redux.js

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pruneReduxHistory = exports.getMaxReduxHistoryLimit = exports.setMaxReduxHistoryLimit = exports.getReduxModuleEnabled = exports.setReduxModuleEnabled = exports.isReduxConnected = exports.getReduxAutoRefresh = exports.setReduxAutoRefresh = exports.clearLastActionForReducer = exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = void 0;
-/**
- * Sub-module entry point: react-native-inapp-inspector/redux
- * Clean tree-shaking & isolated Redux middleware and state inspector.
- */
 var reduxLogger_1 = require("./customHooks/reduxLogger");
 Object.defineProperty(exports, "connectReduxStore", { enumerable: true, get: function () { return reduxLogger_1.connectReduxStore; } });
 Object.defineProperty(exports, "inspectorReduxMiddleware", { enumerable: true, get: function () { return reduxLogger_1.inspectorReduxMiddleware; } });

package/dist/commonjs/storage.d.ts

@@ -1,5 +1 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/storage
- * Universal AsyncStorage and MMKV live inspector with full CRUD operations.
- */
 export { connectAsyncStorage, connectMMKV, isAsyncStorageConnected, isMMKVConnected, getRegisteredMMKVInstanceIds, fetchStorageEntries, setStorageEntry, removeStorageEntry, clearStorageDriver, subscribeToStorageChanges, type StorageEntry, type StorageDriver, } from './customHooks/storageInspector';

package/dist/commonjs/storage.js

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.subscribeToStorageChanges = exports.clearStorageDriver = exports.removeStorageEntry = exports.setStorageEntry = exports.fetchStorageEntries = exports.getRegisteredMMKVInstanceIds = exports.isMMKVConnected = exports.isAsyncStorageConnected = exports.connectMMKV = exports.connectAsyncStorage = void 0;
-/**
- * Sub-module entry point: react-native-inapp-inspector/storage
- * Universal AsyncStorage and MMKV live inspector with full CRUD operations.
- */
 var storageInspector_1 = require("./customHooks/storageInspector");
 Object.defineProperty(exports, "connectAsyncStorage", { enumerable: true, get: function () { return storageInspector_1.connectAsyncStorage; } });
 Object.defineProperty(exports, "connectMMKV", { enumerable: true, get: function () { return storageInspector_1.connectMMKV; } });

package/dist/commonjs/styles/AppColors.d.ts

@@ -344,8 +344,5 @@ export declare const getThemeColors: (isDark: boolean) => {
 };
 export declare const AppColors: typeof LightColors;
 export declare const updateAppColorsTheme: (isDark: boolean) => void;
-/**
- * Configure or override specific color tokens used throughout the inspector.
- */
 export declare const setAppColors: (customColors: Partial<typeof LightColors>) => void;
 export default AppColors;

package/dist/commonjs/styles/AppColors.js

@@ -2,39 +2,36 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setAppColors = exports.updateAppColorsTheme = exports.AppColors = exports.getThemeColors = void 0;
 const LightColors = {
-    // ─── Core (Thai Airways Royal Palette) ───
     primaryLight: '#FFFFFF',
-    purple: '#5C2D91', // Thai Royal Purple
-    purpleShade50: '#F8F4FC', // Orchid Silk Tint
-    offerPurple: '#9B2677', // Thai Orchid Magenta
+    purple: '#5C2D91',
+    purpleShade50: '#F8F4FC',
+    offerPurple: '#9B2677',
     grayBorderSecondary: '#E2DFEB',
-    grayBackground: '#F8F7FB', // Pearl White Surface
+    grayBackground: '#F8F7FB',
     grayText: '#625D73',
     grayTextWeak: '#8F8A9E',
     greenColor: '#10B981',
     graySurface: '#E2DFEB',
     skyBlue: '#2563EB',
-    primaryBlack: '#211B30', // Royal Midnight Dark
+    primaryBlack: '#211B30',
     grayTextStrong: '#211B30',
     dividerColor: '#EBE7F2',
-    warningIconGold: '#C5A059', // Thai Orchid Gold
+    warningIconGold: '#C5A059',
     shadowColorString: '#211B30',
     errorColor: '#E11D48',
-    lightOrange: '#E5C158', // Thai Warm Gold Light
-    darkOrange: '#B89758', // Thai Silk Gold
+    lightOrange: '#E5C158',
+    darkOrange: '#B89758',
     successGreen: '#10B981',
-    purpleShade700: '#481E78', // Thai Deep Violet
+    purpleShade700: '#481E78',
     greenStatus: '#D1FAE5',
     greenBaggageText: '#059669',
-    paleYellow: '#F7E9C4', // Thai Pale Gold
-    // ─── Brand / UI ───
+    paleYellow: '#F7E9C4',
     white: '#FFFFFF',
     black: '#000000',
-    brandPurple: '#4B1B7D', // Iconic Thai Airways Purple
+    brandPurple: '#4B1B7D',
     liveGreen: '#10B981',
     firebaseOrange: '#D97706',
     greenA400: '#00E676',
-    // ─── Code / Slate ───
     slate900: '#171226',
     slate700: '#332C4A',
     slate600: '#4D446B',
@@ -47,7 +44,6 @@ const LightColors = {
     gray300: '#D5D0E0',
     highlightYellow: '#FDE047',
     yellowHighlight: '#FFE44D',
-    // ─── Status / Syntax ───
     teal600: '#0D9488',
     cyan600: '#0891B2',
     sky600: '#0284C7',
@@ -81,7 +77,6 @@ const LightColors = {
     googleRed: '#E53935',
     googlePurple: '#5C2D91',
     googleTeal: '#00897B',
-    // ─── NPM / Package / Tailwind Spectrum Helpers ───
     npmRed: '#CB3837',
     npmRedTint: '#CB383714',
     npmRedBorder: '#CB383733',
@@ -107,7 +102,6 @@ const LightColors = {
     yellow500: '#EAB308',
     slate800: '#1E293B',
     slate850: '#0F172A',
-    // ─── Bundle / Extended Spectrum ───
     reanimatedNavy: '#001A72',
     expoViolet: '#5A29E4',
     hermesPurple: '#5B44E0',
@@ -141,7 +135,6 @@ const LightColors = {
     gray200: '#E5E7EB',
     gray500: '#6B7280',
     gray600: '#4B5563',
-    // ─── Tint Backgrounds / Borders (Theme-Aware) ───
     errorCardBg: '#FFF1F3',
     warnCardBg: '#FDFBF4',
     blueTintBg: '#EFF6FF',
@@ -164,7 +157,6 @@ const LightColors = {
     greyBorder: '#E3DFEC',
     paperBg: '#FBF9FC',
     contentBg: '#F8F7FB',
-    // ─── Toast / Glass / Chip Tokens ───
     toastBg: '#0F172AEE',
     toastBorder: '#33415588',
     mintGreenBg: '#ECFDF5',
@@ -179,7 +171,6 @@ const LightColors = {
     skySoftBg: '#E0F2FE',
     skySoftBorder: '#BAE6FD',
     skySoftText: '#0284C7',
-    // ─── Domain Colors (Thai Airways Themed) ───
     domainColors: [
         '#5C2D91',
         '#9B2677',
@@ -194,12 +185,12 @@ const LightColors = {
     ],
 };
 const DarkColors = {
-    primaryLight: '#1C1628', // Thai Dark Card
-    purple: '#B68FE8', // Luminous Thai Orchid
+    primaryLight: '#1C1628',
+    purple: '#B68FE8',
     purpleShade50: '#2A1C3E',
     offerPurple: '#F472B6',
     grayBorderSecondary: '#362C4E',
-    grayBackground: '#130F1F', // Thai Airways Midnight Sky
+    grayBackground: '#130F1F',
     grayText: '#A197B8',
     grayTextWeak: '#756C8C',
     greenColor: '#34D399',
@@ -208,7 +199,7 @@ const DarkColors = {
     primaryBlack: '#F7F5FC',
     grayTextStrong: '#F7F5FC',
     dividerColor: '#2B2240',
-    warningIconGold: '#E5C158', // Thai Luminous Gold
+    warningIconGold: '#E5C158',
     shadowColorString: '#000000',
     errorColor: '#F87171',
     lightOrange: '#FDE68A',
@@ -255,7 +246,6 @@ const DarkColors = {
     amber700: '#C5A059',
     amber800: '#B89758',
     green500: '#22C55E',
-    // ─── Toast / Glass / Chip Tokens (Dark) ───
     toastBg: '#1E293BEE',
     toastBorder: '#47556988',
     mintGreenBg: '#064E3B66',
@@ -284,7 +274,6 @@ const DarkColors = {
     googleRed: '#F87171',
     googlePurple: '#C084FC',
     googleTeal: '#2DD4BF',
-    // ─── NPM / Package / Tailwind Spectrum Helpers ───
     npmRed: '#CB3837',
     npmRedTint: '#CB383714',
     npmRedBorder: '#CB383733',
@@ -310,7 +299,6 @@ const DarkColors = {
     yellow500: '#EAB308',
     slate800: '#1E293B',
     slate850: '#0F172A',
-    // ─── Bundle / Extended Spectrum ───
     reanimatedNavy: '#6B8CFF',
     expoViolet: '#A78BFA',
     hermesPurple: '#9B8AFF',
@@ -389,9 +377,6 @@ const updateAppColorsTheme = (isDark) => {
     Object.assign(exports.AppColors, (0, exports.getThemeColors)(isDark));
 };
 exports.updateAppColorsTheme = updateAppColorsTheme;
-/**
- * Configure or override specific color tokens used throughout the inspector.
- */
 const setAppColors = (customColors) => {
     if (!customColors || typeof customColors !== 'object')
         return;

package/dist/commonjs/styles/AppFonts.d.ts

@@ -10,9 +10,5 @@ export declare const AppFonts: {
     interBold: string;
     Sfprotext: string;
 };
-/**
- * Configure or override font families used across all inspector screens.
- * Useful when integrating into apps with custom font setups or system fonts.
- */
 export declare const setAppFonts: (customFonts: Partial<typeof AppFonts>) => void;
 export default AppFonts;

package/dist/commonjs/styles/AppFonts.js

@@ -7,10 +7,6 @@ exports.AppFonts = {
     interBold: 'Inter-Bold',
     Sfprotext: 'Inter-Regular',
 };
-/**
- * Configure or override font families used across all inspector screens.
- * Useful when integrating into apps with custom font setups or system fonts.
- */
 const setAppFonts = (customFonts) => {
     if (!customFonts || typeof customFonts !== 'object')
         return;

package/dist/commonjs/styles/common.js

@@ -4,13 +4,9 @@ exports.rebuildCommonStyles = void 0;
 const react_native_1 = require("react-native");
 const AppFonts_1 = require("./AppFonts");
 const AppColors_1 = require("./AppColors");
-// Shared styles for the Inspector UI (repeated patterns + page-level layout).
-// Built dynamically so dark-mode colors stay in sync with toggleGlobalTheme()
-// (see rebuildCommonStyles wired into styles/index.ts).
 const commonStyles = {};
 const buildCommonStyles = (colors) => {
     const newStyles = react_native_1.StyleSheet.create({
-        // ─── Layout ──────────────────────────────────────────────────────────────
         pageContainer: {
             flex: 1,
             backgroundColor: colors.grayBackground,
@@ -37,7 +33,6 @@ const buildCommonStyles = (colors) => {
             justifyContent: 'space-between',
             gap: 8,
         },
-        // ─── Cards / rows ────────────────────────────────────────────────────────
         card: {
             backgroundColor: colors.primaryLight,
             borderRadius: 12,
@@ -73,7 +68,6 @@ const buildCommonStyles = (colors) => {
             gap: 8,
             alignItems: 'flex-start',
         },
-        // ─── Search bar ──────────────────────────────────────────────────────────
         searchBar: {
             flexDirection: 'row',
             alignItems: 'center',
@@ -87,7 +81,6 @@ const buildCommonStyles = (colors) => {
             borderColor: colors.dividerColor,
             height: 36,
         },
-        // ─── Tabs / pills ────────────────────────────────────────────────────────
         tabBarStrip: {
             backgroundColor: colors.primaryLight,
             borderBottomWidth: 1,
@@ -137,7 +130,6 @@ const buildCommonStyles = (colors) => {
             justifyContent: 'center',
             backgroundColor: colors.grayBackground,
         },
-        // ─── Header / address bar ────────────────────────────────────────────────
         addressBar: {
             paddingHorizontal: 12,
             paddingTop: 6,
@@ -167,7 +159,6 @@ const buildCommonStyles = (colors) => {
             borderBottomWidth: 1,
             borderBottomColor: colors.dividerColor,
         },
-        // ─── Badges / buttons ────────────────────────────────────────────────────
         badgeActive: {
             flexDirection: 'row',
             alignItems: 'center',
@@ -188,11 +179,9 @@ const buildCommonStyles = (colors) => {
             justifyContent: 'center',
         },
     });
-    // Clear old keys and copy new ones (keeps the exported object identity).
     Object.keys(commonStyles).forEach(key => delete commonStyles[key]);
     Object.assign(commonStyles, newStyles);
 };
-// Initial build
 buildCommonStyles(AppColors_1.AppColors);
 const rebuildCommonStyles = (colors) => {
     buildCommonStyles(colors);

package/dist/commonjs/styles/index.js

@@ -173,7 +173,6 @@ const getRawStyles = (colors) => ({
         letterSpacing: 0.2,
     },
     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: 22,
@@ -223,7 +222,6 @@ const getRawStyles = (colors) => ({
         borderRadius: 30,
         backgroundColor: `${colors.purple}25`,
     },
-    // #4 — circular clipping mask for the FAB shine sweep.
     fabShineClip: {
         position: 'absolute',
         width: 62,
@@ -231,7 +229,6 @@ const getRawStyles = (colors) => ({
         borderRadius: 31,
         overflow: 'hidden',
     },
-    // #4 — diagonal light streak that sweeps across the launcher.
     fabShineStreak: {
         position: 'absolute',
         top: -20,
@@ -1368,7 +1365,6 @@ const getRawStyles = (colors) => ({
         borderTopRightRadius: 20,
         overflow: 'hidden',
     },
-    // Status chip used in MetaAccordion
     statusChip: {
         paddingHorizontal: 10,
         paddingVertical: 4,
@@ -1379,8 +1375,6 @@ const getRawStyles = (colors) => ({
         fontFamily: AppFonts_1.AppFonts.interBold,
         fontSize: 12,
     },
-    // ─── Tab Bar ───────────────────────────────────────────────────────────────
-    // ─── Screen Grouping Headers ───────────────────────────────────────────────
     modalBackdrop: {
         flex: 1,
         backgroundColor: `${colors.black}73`,
@@ -1546,11 +1540,9 @@ const styles = {};
 const rebuildStyles = (isDark) => {
     const colors = isDark ? (0, AppColors_1.getThemeColors)(true) : AppColors_1.default;
     const newStyles = (0, exports.getRawStyles)(colors);
-    // Clear old keys and copy new ones
     Object.keys(styles).forEach(key => delete styles[key]);
     Object.assign(styles, newStyles);
 };
-// Initial build
 rebuildStyles(false);
 const toggleGlobalTheme = (isDark) => {
     (0, AppColors_1.updateAppColorsTheme)(isDark);