react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/esm/customHooks/performanceTracker.js

@@ -1,723 +1,63 @@
-import { AppColors } from '../styles/AppColors';
-import { t } from '../i18n';
-import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
-export const generateFixSnippet = (fixKey, componentName = 'Component', context) => {
-    const comp = componentName || 'Component';
-    const prop = context?.propName || 'onPress';
-    const action = context?.actionName || 'handlePress';
-    const itemHeight = context?.itemHeight || 72;
-    switch (fixKey) {
-        case 'useCallback':
-            return {
-                keyName: 'useCallback',
-                title: t('performance.fixUseCallbackTitle'),
-                explanation: t('performance.fixUseCallbackDesc'),
-                codeSnippet: `${t('performance.beforeUseCallback', { comp })}\n<Button ${prop}={() => ${action}(item.id)} />\n\n${t('performance.afterUseCallback')}\nconst ${action}Memo = useCallback(() => {\n  ${action}(item.id);\n}, [item.id]);\n<Button ${prop}={${action}Memo} />`,
-                impact: t('performance.highImpact'),
-                impactColor: AppColors.pink500,
-            };
-        case 'createSelector':
-        case 'useMemo':
-            return {
-                keyName: 'createSelector',
-                title: t('performance.fixCreateSelectorTitle'),
-                explanation: t('performance.fixCreateSelectorDesc'),
-                codeSnippet: `${t('performance.beforeCreateSelector', { comp })}\nconst { items, total } = useSelector(state => ({\n  items: state.cart.items,\n  total: state.cart.total,\n}));\n\n${t('performance.afterCreateSelector')}\nimport { shallowEqual } from 'react-redux';\nconst { items, total } = useSelector(\n  state => ({ items: state.cart.items, total: state.cart.total }),\n  shallowEqual\n);`,
-                impact: t('performance.highImpact'),
-                impactColor: AppColors.pink500,
-            };
-        case 'memo':
-        case 'React.memo':
-            return {
-                keyName: 'memo',
-                title: t('performance.fixReactMemoTitle'),
-                explanation: t('performance.fixReactMemoDesc'),
-                codeSnippet: `${t('performance.beforeMemo', { comp })}\nexport const ${comp} = (props: ${comp}Props) => {\n  return <View>...</View>;\n};\n\n${t('performance.afterMemo')}\nexport const ${comp} = React.memo((props: ${comp}Props) => {\n  return <View>...</View>;\n}, (prev, next) => prev.id === next.id && prev.updatedAt === next.updatedAt);`,
-                impact: t('performance.highImpact'),
-                impactColor: AppColors.pink500,
-            };
-        case 'getItemLayout':
-            return {
-                keyName: 'getItemLayout',
-                title: t('performance.fixGetItemLayoutTitle'),
-                explanation: t('performance.fixGetItemLayoutDesc'),
-                codeSnippet: `${t('performance.flatListOptimization', { comp })}\nconst ITEM_HEIGHT = ${itemHeight};\nconst getItemLayout = useCallback((_data: any, index: number) => ({\n  length: ITEM_HEIGHT,\n  offset: ITEM_HEIGHT * index,\n  index,\n}), []);\n\n<FlatList\n  data={items}\n  getItemLayout={getItemLayout}\n  renderItem={({item}) => <${comp} item={item} />}\n  keyExtractor={item => String(item.id)}\n/>`,
-                impact: t('performance.highImpact'),
-                impactColor: AppColors.pink500,
-            };
-        case 'customComparator':
-            return {
-                keyName: 'customComparator',
-                title: t('performance.fixCustomComparatorTitle'),
-                explanation: t('performance.fixCustomComparatorDesc'),
-                codeSnippet: `${t('performance.customComparator', { comp })}\nexport const ${comp} = React.memo(\n  ${comp}Component,\n  (prevProps, nextProps) => {\n    return prevProps.id === nextProps.id && prevProps.status === nextProps.status;\n  }\n);`,
-                impact: t('performance.mediumImpact'),
-                impactColor: AppColors.amber500,
-            };
-        case 'DebouncedInput':
-            return {
-                keyName: 'DebouncedInput',
-                title: t('performance.fixDebouncedInputTitle'),
-                explanation: t('performance.fixDebouncedInputDesc'),
-                codeSnippet: `${t('performance.debounceInput', { comp })}\nconst [localText, setLocalText] = useState('');\nconst debouncedSearch = useMemo(\n  () => debounce((query: string) => onSearch(query), 250),\n  [onSearch]\n);`,
-                impact: t('performance.highImpact'),
-                impactColor: AppColors.pink500,
-            };
-        case 'ComponentSplitting':
-            return {
-                keyName: 'ComponentSplitting',
-                title: t('performance.fixComponentSplittingTitle'),
-                explanation: t('performance.fixComponentSplittingDesc'),
-                codeSnippet: `${t('performance.isolateState', { comp })}\nexport const StickyKeyboard = React.memo(KeyboardStickyView);`,
-                impact: t('performance.mediumImpact'),
-                impactColor: AppColors.purple500,
-            };
-        case 'InteractionManager':
-            return {
-                keyName: 'InteractionManager',
-                title: t('performance.fixInteractionManagerTitle'),
-                explanation: t('performance.fixInteractionManagerDesc'),
-                codeSnippet: `${t('performance.beforeInteractionManager', { comp })}\n\n${t('performance.afterInteractionManager')}`,
-                impact: t('performance.highImpact'),
-                impactColor: AppColors.pink500,
-            };
-        case 'FlatListWindowing':
-            return {
-                keyName: 'FlatListWindowing',
-                title: t('performance.fixFlatListWindowingTitle'),
-                explanation: t('performance.fixFlatListWindowingDesc'),
-                codeSnippet: `${t('performance.beforeFlatListWindowing', { comp })}`,
-                impact: t('performance.mediumImpact'),
-                impactColor: AppColors.purple500,
-            };
-        case 'ImageCaching':
-            return {
-                keyName: 'ImageCaching',
-                title: t('performance.fixImageCachingTitle'),
-                explanation: t('performance.fixImageCachingDesc'),
-                codeSnippet: `${t('performance.beforeImageCaching', { comp })}`,
-                impact: t('performance.mediumImpact'),
-                impactColor: AppColors.purple500,
-            };
-        case 'ContextSplitting':
-            return {
-                keyName: 'ContextSplitting',
-                title: t('performance.fixContextSplittingTitle'),
-                explanation: t('performance.fixContextSplittingDesc'),
-                codeSnippet: `${t('performance.beforeContextSplitting', { comp })}\n\n${t('performance.afterContextSplitting')}`,
-                impact: t('performance.highImpact'),
-                impactColor: AppColors.pink500,
-            };
-        case 'InlineStylesHoist':
-            return {
-                keyName: 'InlineStylesHoist',
-                title: t('performance.fixInlineStylesHoistTitle'),
-                explanation: t('performance.fixInlineStylesHoistDesc'),
-                codeSnippet: `${t('performance.beforeInlineStyles', { comp })}\n\n${t('performance.afterInlineStyles')}`,
-                impact: t('performance.bestPractice'),
-                impactColor: AppColors.pink500,
-            };
-        case 'useRef':
-        case 'useRefForTracking':
-        default:
-            return {
-                keyName: 'useRefForTracking',
-                title: t('performance.fixUseRefForTrackingTitle'),
-                explanation: t('performance.fixUseRefForTrackingDesc'),
-                codeSnippet: `${t('performance.beforeUseRef', { comp })}\nconst [eventCount, setEventCount] = useState(0);\n\n${t('performance.afterUseRef')}\nconst eventCountRef = useRef(0);`,
-                impact: t('performance.bestPractice'),
-                impactColor: AppColors.pink500,
-            };
-    }
-};
-export function getCallerSourceFile(fallbackName) {
-    try {
-        const stack = new Error().stack;
-        if (!stack)
-            return fallbackName || 'React Native Runtime';
-        const lines = stack.split('\n');
-        for (let i = 0; i < lines.length; i++) {
-            const line = lines[i];
-            if (line.includes('performanceTracker') ||
-                line.includes('node_modules') ||
-                line.includes('Error') ||
-                line.includes('regeneratorRuntime')) {
-                continue;
-            }
-            const match = line.match(/(?:at\s+)?(?:.*?\((.*?)(?::\d+)?(?::\d+)?\)|(\S+:\d+:\d+))/);
-            if (match) {
-                const file = (match[1] || match[2] || '').trim().replace(/^at\s+/, '');
-                if (file && !file.includes('performanceTracker'))
-                    return file;
-            }
-            const cleaned = line.trim().replace(/^at\s+/, '');
-            if (cleaned && !cleaned.includes('performanceTracker'))
-                return cleaned;
-        }
-    }
-    catch (e) { }
-    return fallbackName || 'React Native Runtime';
-}
-export const getInitialRenderProfiles = () => [];
-export const getInitialPerformanceEvents = () => [];
-export const INITIAL_EVENTS = [];
-let isPerformanceModuleEnabled = false;
-export const setPerformanceModuleEnabled = (enabled) => {
-    isPerformanceModuleEnabled = enabled;
-};
-export const getPerformanceModuleEnabled = () => isPerformanceModuleEnabled;
-const globalRenderRegistry = new Map();
-const renderListeners = new Set();
-const notifyRenderListeners = () => {
-    const list = Array.from(globalRenderRegistry.values());
-    renderListeners.forEach(listener => {
-        try {
-            listener(list);
-        }
-        catch { }
-    });
-};
-export const subscribeRenderProfiles = (listener) => {
-    renderListeners.add(listener);
-    listener(Array.from(globalRenderRegistry.values()));
-    return () => {
-        renderListeners.delete(listener);
-    };
-};
-export const getRenderProfiles = () => Array.from(globalRenderRegistry.values());
-export const registerComponentProfile = (profile) => {
-    if (!isPerformanceModuleEnabled)
-        return;
-    globalRenderRegistry.set(profile.name, profile);
-    notifyRenderListeners();
-};
-export const trackComponentRender = (params) => {
-    if (!isPerformanceModuleEnabled)
-        return;
-    const existing = globalRenderRegistry.get(params.name);
-    const now = Date.now();
-    const renderTimeMs = params.renderTimeMs ?? 1.5;
-    const isWasteful = params.isWasteful ?? false;
-    if (existing) {
-        const nextCount = existing.renderCount + 1;
-        const nextWasteful = existing.wastefulCount + (isWasteful ? 1 : 0);
-        const nextPct = Number(((nextWasteful / nextCount) * 100).toFixed(1));
-        const nextTotalTime = Number((existing.totalRenderTimeMs + renderTimeMs).toFixed(1));
-        const nextAvgTime = Number((nextTotalTime / nextCount).toFixed(1));
-        const reasons = params.reason
-            ? Array.from(new Set([...existing.reasons, params.reason]))
-            : existing.reasons;
-        const updated = {
-            ...existing,
-            renderCount: nextCount,
-            wastefulCount: nextWasteful,
-            wastefulPercentage: nextPct,
-            avgRenderTimeMs: nextAvgTime,
-            totalRenderTimeMs: nextTotalTime,
-            lastRenderedAt: now,
-            reasons,
-            severity: nextPct > 70 && nextCount > 20
-                ? 'critical'
-                : nextPct > 40 && nextCount > 10
-                    ? 'warning'
-                    : 'optimal',
-        };
-        globalRenderRegistry.set(params.name, updated);
-    }
-    else {
-        const profile = {
-            id: `render-${Date.now()}-${Math.random().toString(36).substring(2, 6)}`,
-            name: params.name,
-            type: params.type || 'component',
-            sourceFile: params.sourceFile || getCallerSourceFile(params.name),
-            renderCount: 1,
-            wastefulCount: isWasteful ? 1 : 0,
-            wastefulPercentage: isWasteful ? 100 : 0,
-            avgRenderTimeMs: renderTimeMs,
-            totalRenderTimeMs: renderTimeMs,
-            lastRenderedAt: now,
-            reasons: params.reason ? [params.reason] : [],
-            fixKeys: params.fixKeys || [
-                generateFixSnippet('useCallback', params.name),
-                generateFixSnippet('memo', params.name),
-            ],
-            severity: 'optimal',
-        };
-        globalRenderRegistry.set(params.name, profile);
-    }
-    notifyRenderListeners();
-};
-export const getHermesMemoryStats = () => {
-    try {
-        const hermes = globalThis.HermesInternal;
-        if (hermes && typeof hermes.getInstrumentedStats === 'function') {
-            const stats = hermes.getInstrumentedStats();
-            const heapUsedMb = Number(((stats.js_heap_size || stats.heap_size || 34800000) / 1048576).toFixed(1));
-            const heapTotalMb = Number(((stats.js_heap_capacity || stats.allocated_bytes || 64000000) /
-                1048576).toFixed(1));
-            const gcCount = Number(stats.num_gcs || 0);
-            const gcPauseMs = Number(((stats.gc_time_ms || 0) / Math.max(1, gcCount)).toFixed(1));
-            return {
-                heapUsedMb,
-                heapTotalMb,
-                gcCount,
-                gcPauseMs,
-                allocationRateMbPerSec: 1.8,
-            };
-        }
-    }
-    catch { }
-    return {
-        heapUsedMb: 32.5,
-        heapTotalMb: 64.0,
-        gcCount: 0,
-        gcPauseMs: 1.5,
-        allocationRateMbPerSec: 1.2,
-    };
-};
-export const trackNavigationTransition = (screenName, durationMs, options) => {
-    const duration = Math.max(1, Number(durationMs.toFixed(1)));
-    const tti = options?.ttiMs ? Number(options.ttiMs.toFixed(1)) : duration;
-    const droppedFrames = options?.droppedFrames ??
-        (duration > 32 ? Math.round((duration - 16.67) / 16.67) : 0);
-    const fps = Math.min(60, Math.max(15, Math.round(1000 / Math.max(16.67, duration))));
-    return logPerformanceEvent({
-        type: 'transition',
-        category: 'navigation',
-        fps,
-        durationMs: duration,
-        droppedFrames,
-        frameTimeMs: duration,
-        frameBudgetPct: Number(((duration / 16.67) * 100).toFixed(0)),
-        bottleneckThread: duration > 32 ? 'JS Thread' : 'Balanced',
-        screenName,
-        label: t('performance.transitionEventLabel', { screen: screenName }),
-        detail: t('performance.transitionEventDetail', { duration, tti }),
-        source: options?.source || getCallerSourceFile(screenName),
-        advice: t('performance.transitionEventAdvice'),
-        severity: duration > 50 ? 'critical' : duration > 25 ? 'warning' : 'optimal',
-    });
-};
-export const useNavigationProfiler = (screenName, options) => {
-    const mountTimeRef = useRef(Date.now());
-    useEffect(() => {
-        const elapsed = Date.now() - mountTimeRef.current;
-        trackNavigationTransition(screenName, elapsed);
-        if (options?.onTransitionEnd) {
-            options.onTransitionEnd(elapsed);
-        }
-    }, [screenName]);
-};
-export const trackHeavyTask = (taskName, syncFn, options) => {
-    const start = Date.now();
-    try {
-        return syncFn();
-    }
-    finally {
-        const duration = Date.now() - start;
-        const threshold = options?.thresholdMs ?? 16;
-        if (duration >= threshold) {
-            logPerformanceEvent({
-                type: 'slow_render',
-                category: 'render',
-                fps: Math.min(60, Math.max(10, Math.round(1000 / duration))),
-                durationMs: duration,
-                frameTimeMs: duration,
-                frameBudgetPct: Number(((duration / 16.67) * 100).toFixed(0)),
-                bottleneckThread: 'JS Thread',
-                screenName: taskName,
-                label: t('performance.heavyTaskEventLabel', { taskName }),
-                detail: t('performance.heavyTaskEventDetail', { duration }),
-                source: options?.source || getCallerSourceFile(taskName),
-                advice: t('performance.heavyTaskEventAdvice'),
-                severity: duration > 50 ? 'critical' : 'warning',
-            });
-        }
-    }
-};
-export const measureAsync = async (taskName, asyncFn, options) => {
-    const start = Date.now();
-    try {
-        return await asyncFn();
-    }
-    finally {
-        const duration = Date.now() - start;
-        const threshold = options?.thresholdMs ?? 100;
-        if (duration >= threshold) {
-            logPerformanceEvent({
-                type: 'network',
-                category: 'io',
-                fps: 60,
-                durationMs: duration,
-                bottleneckThread: 'Balanced',
-                screenName: taskName,
-                label: t('performance.asyncOpEventLabel', { opName: taskName }),
-                detail: t('performance.asyncOpEventDetail', { duration }),
-                source: options?.source || getCallerSourceFile(taskName),
-                severity: duration > 1000 ? 'critical' : duration > 300 ? 'warning' : 'optimal',
-            });
-        }
-    }
-};
-export const useComponentProfiler = (componentName, options) => {
-    const renderCountRef = useRef(0);
-    const prevPropsRef = useRef(options?.propsToCompare);
-    const startTimeRef = useRef(Date.now());
-    const renderTimestampsRef = useRef([]);
-    startTimeRef.current = Date.now();
-    useEffect(() => {
-        const duration = Date.now() - startTimeRef.current;
-        const now = Date.now();
-        renderCountRef.current += 1;
-        renderTimestampsRef.current = [
-            ...renderTimestampsRef.current.filter(ts => now - ts <= 500),
-            now,
-        ];
-        if (renderTimestampsRef.current.length >= 10) {
-            logPerformanceEvent({
-                type: 'slow_render',
-                category: 'render',
-                fps: 20,
-                durationMs: duration,
-                bottleneckThread: 'JS Thread',
-                screenName: componentName,
-                label: t('performance.renderLoopWarningLabel', { comp: componentName }),
-                detail: t('performance.renderLoopWarningDetail', {
-                    comp: componentName,
-                    count: renderTimestampsRef.current.length,
-                }),
-                source: options?.sourceFile || getCallerSourceFile(componentName),
-                advice: t('performance.renderLoopWarningAdvice'),
-                severity: 'critical',
-            });
-        }
-        let isWasteful = false;
-        let wastefulReason = undefined;
-        if (renderCountRef.current > 1 && options?.propsToCompare) {
-            const prev = prevPropsRef.current;
-            const next = options.propsToCompare;
-            const keys = Object.keys(next);
-            const changedKeys = keys.filter(k => prev[k] !== next[k]);
-            if (changedKeys.length === 0) {
-                isWasteful = true;
-                wastefulReason =
-                    'Re-rendered with identical props (memoization candidate)';
-            }
-            prevPropsRef.current = next;
-        }
-        trackComponentRender({
-            name: componentName,
-            type: options?.type || 'component',
-            sourceFile: options?.sourceFile || getCallerSourceFile(componentName),
-            renderTimeMs: Math.max(0.5, duration),
-            isWasteful,
-            reason: wastefulReason,
-        });
-    });
-};
-export const usePerformanceTracker = (enabled = true) => {
-    const isTrackerActive = enabled && isPerformanceModuleEnabled;
-    const [isRecording, setIsRecording] = useState(true);
-    const [currentFps, setCurrentFps] = useState(60);
-    const [minFps, setMinFps] = useState(60);
-    const [maxFps, setMaxFps] = useState(60);
-    const [avgFps, setAvgFps] = useState(60);
-    const [totalFrames, setTotalFrames] = useState(0);
-    const [jankyFrameCount, setJankyFrameCount] = useState(0);
-    const [jsLagMs, setJsLagMs] = useState(0);
-    const [fpsHistory, setFpsHistory] = useState(() => Array(30).fill(60));
-    const [memoryStats, setMemoryStats] = useState(() => getHermesMemoryStats());
-    const [renderProfiles, setRenderProfiles] = useState(() => getRenderProfiles());
-    const [events, setEvents] = useState(() => getPerformanceEvents());
-    useEffect(() => {
-        if (!isTrackerActive)
-            return;
-        const unsubRender = subscribeRenderProfiles(profiles => {
-            setRenderProfiles(profiles);
-        });
-        const unsubEvents = subscribePerformanceEvents(liveEvents => {
-            setEvents(liveEvents);
-        });
-        return () => {
-            unsubRender();
-            unsubEvents();
-        };
-    }, [isTrackerActive]);
-    const lastFrameTimeRef = useRef(Date.now());
-    const rafIdRef = useRef(null);
-    const appStartTimestampRef = useRef(Date.now());
-    useEffect(() => {
-        if (!isTrackerActive || !isRecording)
-            return;
-        let isMounted = true;
-        let frameCount = 0;
-        let maxLagInSecond = 0;
-        let lastSecond = Date.now();
-        const measureFrame = () => {
-            if (!isMounted)
-                return;
-            const now = Date.now();
-            const delta = now - lastFrameTimeRef.current;
-            lastFrameTimeRef.current = now;
-            const lag = Math.max(0, delta - 16.67);
-            if (lag > maxLagInSecond) {
-                maxLagInSecond = lag;
-            }
-            frameCount++;
-            if (now - lastSecond >= 1000) {
-                const elapsed = now - lastSecond;
-                const measuredFps = Math.min(60, Math.max(0, Math.round((frameCount * 1000) / elapsed)));
-                setCurrentFps(measuredFps);
-                setMinFps(prev => Math.min(prev, measuredFps));
-                setMaxFps(prev => Math.max(prev, measuredFps));
-                setTotalFrames(prev => prev + frameCount);
-                setJsLagMs(Number(maxLagInSecond.toFixed(1)));
-                if (measuredFps < 55) {
-                    setJankyFrameCount(prev => prev + 1);
-                }
-                setFpsHistory(prev => {
-                    const next = [...prev.slice(-29), measuredFps];
-                    const sum = next.reduce((a, b) => a + b, 0);
-                    setAvgFps(Math.round(sum / next.length));
-                    return next;
-                });
-                const liveMem = getHermesMemoryStats();
-                setMemoryStats(prev => ({
-                    ...prev,
-                    heapUsedMb: liveMem.heapUsedMb,
-                    heapTotalMb: liveMem.heapTotalMb,
-                    gcCount: liveMem.gcCount,
-                    gcPauseMs: liveMem.gcPauseMs,
-                    allocationRateMbPerSec: liveMem.allocationRateMbPerSec,
-                }));
-                if (measuredFps < 50) {
-                    const frameTime = Number((1000 / measuredFps).toFixed(1));
-                    logPerformanceEvent({
-                        type: 'fps_drop',
-                        category: 'render',
-                        fps: measuredFps,
-                        durationMs: frameTime,
-                        droppedFrames: Math.max(0, 60 - measuredFps),
-                        frameTimeMs: frameTime,
-                        frameBudgetPct: Number(((frameTime / 16.67) * 100).toFixed(0)),
-                        bottleneckThread: maxLagInSecond > 8 ? 'JS Thread' : 'UI Thread',
-                        screenName: 'Live Application Render',
-                        label: t('performance.liveFpsDropLabel', { fps: measuredFps }),
-                        detail: t('performance.liveFpsDropDetail', { duration: frameTime }),
-                        source: 'React Native UI Thread',
-                        breakdown: {
-                            jsTimeMs: Number((frameTime * 0.65).toFixed(1)),
-                            uiTimeMs: Number((frameTime * 0.35).toFixed(1)),
-                        },
-                        advice: t('performance.liveFpsDropAdvice'),
-                        severity: measuredFps < 30 ? 'critical' : 'warning',
-                    });
-                }
-                frameCount = 0;
-                maxLagInSecond = 0;
-                lastSecond = now;
-            }
-            rafIdRef.current = requestAnimationFrame(measureFrame);
-        };
-        lastFrameTimeRef.current = Date.now();
-        rafIdRef.current = requestAnimationFrame(measureFrame);
-        return () => {
-            isMounted = false;
-            if (rafIdRef.current)
-                cancelAnimationFrame(rafIdRef.current);
-        };
-    }, [isRecording]);
-    const mobileVitals = useMemo(() => {
-        const measuredJankPct = totalFrames > 0
-            ? Number(((jankyFrameCount / Math.max(1, totalFrames / 60)) * 100).toFixed(1))
-            : 0;
-        const slowRenderCount = events.filter(e => e.type === 'slow_render').length;
-        const dynamicInp = Math.min(100, Math.max(8.0, Number((jsLagMs + 12.5).toFixed(1))));
-        const dynamicFcp = Math.max(120, Math.min(500, Math.round(150 + slowRenderCount * 25)));
-        const dynamicTti = Math.max(280, Math.min(1200, Math.round(dynamicFcp + 180 + slowRenderCount * 40)));
-        return {
-            ttiMs: dynamicTti,
-            fcpMs: dynamicFcp,
-            inpMs: dynamicInp,
-            jankPercentage: measuredJankPct,
-            grade: measuredJankPct <= 2.0
-                ? 'Optimal'
-                : measuredJankPct <= 5.0
-                    ? 'Fair'
-                    : 'Poor',
-        };
-    }, [totalFrames, jankyFrameCount, jsLagMs, events]);
-    const reRenderSummary = useMemo(() => {
-        const totalRenders = renderProfiles.reduce((sum, p) => sum + p.renderCount, 0);
-        const totalWasteful = renderProfiles.reduce((sum, p) => sum + p.wastefulCount, 0);
-        const overallWastefulPct = totalRenders > 0
-            ? Number(((totalWasteful / totalRenders) * 100).toFixed(1))
-            : 0;
-        const topOffender = [...renderProfiles].sort((a, b) => b.renderCount - a.renderCount)[0];
-        return {
-            totalRenders,
-            totalWasteful,
-            overallWastefulPct,
-            topOffender,
-            totalComponentsTracked: renderProfiles.length,
-        };
-    }, [renderProfiles]);
-    const clearEvents = () => {
-        clearPerformanceEvents();
-    };
-    const resetRenderCounters = useCallback(() => {
-        globalRenderRegistry.forEach((p, key) => {
-            globalRenderRegistry.set(key, {
-                ...p,
-                renderCount: 1,
-                wastefulCount: 0,
-                wastefulPercentage: 0,
-                totalRenderTimeMs: p.avgRenderTimeMs,
-                lastRenderedAt: Date.now(),
-                severity: 'optimal',
-            });
-        });
-        notifyRenderListeners();
-    }, []);
-    const simulateComponentRender = useCallback((componentId) => {
-        globalRenderRegistry.forEach((p, key) => {
-            if (p.id === componentId || p.name === componentId) {
-                const nextCount = p.renderCount + 1;
-                const nextWasteful = p.wastefulCount + 1;
-                const nextPct = Number(((nextWasteful / nextCount) * 100).toFixed(1));
-                globalRenderRegistry.set(key, {
-                    ...p,
-                    renderCount: nextCount,
-                    wastefulCount: nextWasteful,
-                    wastefulPercentage: nextPct,
-                    totalRenderTimeMs: Number((p.totalRenderTimeMs + p.avgRenderTimeMs).toFixed(1)),
-                    lastRenderedAt: Date.now(),
-                    severity: nextCount > 30
-                        ? 'critical'
-                        : nextCount > 15
-                            ? 'warning'
-                            : 'optimal',
-                });
-            }
-        });
-        notifyRenderListeners();
-    }, []);
-    const triggerGc = () => {
-        try {
-            if (typeof globalThis.gc === 'function') {
-                globalThis.gc();
-            }
-        }
-        catch { }
-        const reclaimedMb = Number((4.5 + Math.random() * 3.5).toFixed(1));
-        const reclaimedKb = Math.round(reclaimedMb * 1024);
-        setMemoryStats(prev => ({
-            ...prev,
-            heapUsedMb: Math.max(18.0, Number((prev.heapUsedMb - reclaimedMb).toFixed(1))),
-            gcCount: prev.gcCount + 1,
-            gcPauseMs: Number((1.2 + Math.random() * 0.9).toFixed(1)),
-        }));
-        logPerformanceEvent({
-            type: 'memory',
-            category: 'memory',
-            fps: 60,
-            durationMs: Number((1.6 + Math.random() * 0.8).toFixed(1)),
-            label: t('performance.gcCycleLabel'),
-            detail: t('performance.gcCycleDetail', { amount: reclaimedMb }),
-            source: 'Hermes JavaScript VM Scavenger',
-            breakdown: { jsTimeMs: 1.8, uiTimeMs: 0.3 },
-            heapDeltaKb: -reclaimedKb,
-            advice: t('performance.gcCycleAdvice'),
-            severity: 'optimal',
-        });
-    };
-    return {
-        isRecording,
-        setIsRecording,
-        currentFps,
-        minFps,
-        maxFps,
-        avgFps,
-        totalFrames,
-        jankyFrameCount,
-        jsLagMs,
-        fpsHistory,
-        memoryStats,
-        mobileVitals,
-        renderProfiles,
-        reRenderSummary,
-        resetRenderCounters,
-        simulateComponentRender,
-        events,
-        setEvents,
-        clearEvents,
-        triggerGc,
-    };
-};
-const globalPerformanceEvents = [...INITIAL_EVENTS];
-const performanceListeners = new Set();
-let maxPerformanceEventsLimit = 100;
-export const setMaxPerformanceEventsLimit = (limit) => {
-    maxPerformanceEventsLimit = Math.max(10, limit);
-    if (globalPerformanceEvents.length > maxPerformanceEventsLimit) {
-        globalPerformanceEvents.length = maxPerformanceEventsLimit;
-        performanceListeners.forEach(listener => {
-            try {
-                listener([...globalPerformanceEvents]);
-            }
-            catch { }
-        });
-    }
-};
-export const getMaxPerformanceEventsLimit = () => maxPerformanceEventsLimit;
-export const prunePerformanceEvents = (targetCount) => {
-    const countToKeep = targetCount !== undefined ? Math.max(0, targetCount) : Math.floor(globalPerformanceEvents.length / 2);
-    const pruned = globalPerformanceEvents.length - countToKeep;
-    if (pruned > 0) {
-        globalPerformanceEvents.length = countToKeep;
-        performanceListeners.forEach(listener => {
-            try {
-                listener([...globalPerformanceEvents]);
-            }
-            catch { }
-        });
-    }
-    return Math.max(0, pruned);
-};
-export const logPerformanceEvent = (event) => {
-    const fullEvent = {
-        id: event.id ||
-            `perf-${Date.now()}-${Math.random().toString(36).substring(2, 6)}`,
-        timestamp: event.timestamp || Date.now(),
-        source: event.source || getCallerSourceFile(),
-        ...event,
-    };
-    globalPerformanceEvents.unshift(fullEvent);
-    if (globalPerformanceEvents.length > maxPerformanceEventsLimit) {
-        globalPerformanceEvents.length = maxPerformanceEventsLimit;
-    }
-    performanceListeners.forEach(listener => {
-        try {
-            listener([...globalPerformanceEvents]);
-        }
-        catch { }
-    });
-    return fullEvent;
-};
-export const clearPerformanceEvents = () => {
-    globalPerformanceEvents.length = 0;
-    performanceListeners.forEach(listener => {
-        try {
-            listener([]);
-        }
-        catch { }
-    });
-};
-export const subscribePerformanceEvents = (listener) => {
-    performanceListeners.add(listener);
-    listener([...globalPerformanceEvents]);
-    return () => {
-        performanceListeners.delete(listener);
-    };
-};
-export const getPerformanceEvents = () => [...globalPerformanceEvents];
+import{AppColors as g}from"../styles/AppColors";import{t}from"../i18n";import{useState as M,useEffect as $,useRef as C,useMemo as B,useCallback as G}from"react";export const generateFixSnippet=(e,r="Component",o)=>{const n=r||"Component",a=o?.propName||"onPress",c=o?.actionName||"handlePress",p=o?.itemHeight||72;switch(e){case"useCallback":return{keyName:"useCallback",title:t("performance.fixUseCallbackTitle"),explanation:t("performance.fixUseCallbackDesc"),codeSnippet:`${t("performance.beforeUseCallback",{comp:n})}
+<Button ${a}={() => ${c}(item.id)} />
+
+${t("performance.afterUseCallback")}
+const ${c}Memo = useCallback(() => {
+  ${c}(item.id);
+}, [item.id]);
+<Button ${a}={${c}Memo} />`,impact:t("performance.highImpact"),impactColor:g.pink500};case"createSelector":case"useMemo":return{keyName:"createSelector",title:t("performance.fixCreateSelectorTitle"),explanation:t("performance.fixCreateSelectorDesc"),codeSnippet:`${t("performance.beforeCreateSelector",{comp:n})}
+const { items, total } = useSelector(state => ({
+  items: state.cart.items,
+  total: state.cart.total,
+}));
+
+${t("performance.afterCreateSelector")}
+import { shallowEqual } from 'react-redux';
+const { items, total } = useSelector(
+  state => ({ items: state.cart.items, total: state.cart.total }),
+  shallowEqual
+);`,impact:t("performance.highImpact"),impactColor:g.pink500};case"memo":case"React.memo":return{keyName:"memo",title:t("performance.fixReactMemoTitle"),explanation:t("performance.fixReactMemoDesc"),codeSnippet:`${t("performance.beforeMemo",{comp:n})}
+export const ${n} = (props: ${n}Props) => {
+  return <View>...</View>;
+};
+
+${t("performance.afterMemo")}
+export const ${n} = React.memo((props: ${n}Props) => {
+  return <View>...</View>;
+}, (prev, next) => prev.id === next.id && prev.updatedAt === next.updatedAt);`,impact:t("performance.highImpact"),impactColor:g.pink500};case"getItemLayout":return{keyName:"getItemLayout",title:t("performance.fixGetItemLayoutTitle"),explanation:t("performance.fixGetItemLayoutDesc"),codeSnippet:`${t("performance.flatListOptimization",{comp:n})}
+const ITEM_HEIGHT = ${p};
+const getItemLayout = useCallback((_data: any, index: number) => ({
+  length: ITEM_HEIGHT,
+  offset: ITEM_HEIGHT * index,
+  index,
+}), []);
+
+<FlatList
+  data={items}
+  getItemLayout={getItemLayout}
+  renderItem={({item}) => <${n} item={item} />}
+  keyExtractor={item => String(item.id)}
+/>`,impact:t("performance.highImpact"),impactColor:g.pink500};case"customComparator":return{keyName:"customComparator",title:t("performance.fixCustomComparatorTitle"),explanation:t("performance.fixCustomComparatorDesc"),codeSnippet:`${t("performance.customComparator",{comp:n})}
+export const ${n} = React.memo(
+  ${n}Component,
+  (prevProps, nextProps) => {
+    return prevProps.id === nextProps.id && prevProps.status === nextProps.status;
+  }
+);`,impact:t("performance.mediumImpact"),impactColor:g.amber500};case"DebouncedInput":return{keyName:"DebouncedInput",title:t("performance.fixDebouncedInputTitle"),explanation:t("performance.fixDebouncedInputDesc"),codeSnippet:`${t("performance.debounceInput",{comp:n})}
+const [localText, setLocalText] = useState('');
+const debouncedSearch = useMemo(
+  () => debounce((query: string) => onSearch(query), 250),
+  [onSearch]
+);`,impact:t("performance.highImpact"),impactColor:g.pink500};case"ComponentSplitting":return{keyName:"ComponentSplitting",title:t("performance.fixComponentSplittingTitle"),explanation:t("performance.fixComponentSplittingDesc"),codeSnippet:`${t("performance.isolateState",{comp:n})}
+export const StickyKeyboard = React.memo(KeyboardStickyView);`,impact:t("performance.mediumImpact"),impactColor:g.purple500};case"InteractionManager":return{keyName:"InteractionManager",title:t("performance.fixInteractionManagerTitle"),explanation:t("performance.fixInteractionManagerDesc"),codeSnippet:`${t("performance.beforeInteractionManager",{comp:n})}
+
+${t("performance.afterInteractionManager")}`,impact:t("performance.highImpact"),impactColor:g.pink500};case"FlatListWindowing":return{keyName:"FlatListWindowing",title:t("performance.fixFlatListWindowingTitle"),explanation:t("performance.fixFlatListWindowingDesc"),codeSnippet:`${t("performance.beforeFlatListWindowing",{comp:n})}`,impact:t("performance.mediumImpact"),impactColor:g.purple500};case"ImageCaching":return{keyName:"ImageCaching",title:t("performance.fixImageCachingTitle"),explanation:t("performance.fixImageCachingDesc"),codeSnippet:`${t("performance.beforeImageCaching",{comp:n})}`,impact:t("performance.mediumImpact"),impactColor:g.purple500};case"ContextSplitting":return{keyName:"ContextSplitting",title:t("performance.fixContextSplittingTitle"),explanation:t("performance.fixContextSplittingDesc"),codeSnippet:`${t("performance.beforeContextSplitting",{comp:n})}
+
+${t("performance.afterContextSplitting")}`,impact:t("performance.highImpact"),impactColor:g.pink500};case"InlineStylesHoist":return{keyName:"InlineStylesHoist",title:t("performance.fixInlineStylesHoistTitle"),explanation:t("performance.fixInlineStylesHoistDesc"),codeSnippet:`${t("performance.beforeInlineStyles",{comp:n})}
+
+${t("performance.afterInlineStyles")}`,impact:t("performance.bestPractice"),impactColor:g.pink500};default:return{keyName:"useRefForTracking",title:t("performance.fixUseRefForTrackingTitle"),explanation:t("performance.fixUseRefForTrackingDesc"),codeSnippet:`${t("performance.beforeUseRef",{comp:n})}
+const [eventCount, setEventCount] = useState(0);
+
+${t("performance.afterUseRef")}
+const eventCountRef = useRef(0);`,impact:t("performance.bestPractice"),impactColor:g.pink500}}};export function getCallerSourceFile(e){try{const r=new Error().stack;if(!r)return e||"React Native Runtime";const o=r.split(`
+`);for(let n=0;n<o.length;n++){const a=o[n];if(a.includes("performanceTracker")||a.includes("node_modules")||a.includes("Error")||a.includes("regeneratorRuntime"))continue;const c=a.match(/(?:at\s+)?(?:.*?\((.*?)(?::\d+)?(?::\d+)?\)|(\S+:\d+:\d+))/);if(c){const x=(c[1]||c[2]||"").trim().replace(/^at\s+/,"");if(x&&!x.includes("performanceTracker"))return x}const p=a.trim().replace(/^at\s+/,"");if(p&&!p.includes("performanceTracker"))return p}}catch{}return e||"React Native Runtime"}export const getInitialRenderProfiles=()=>[],getInitialPerformanceEvents=()=>[],INITIAL_EVENTS=[];let D=!1;export const setPerformanceModuleEnabled=e=>{D=e},getPerformanceModuleEnabled=()=>D;const b=new Map,W=new Set,L=()=>{const e=Array.from(b.values());W.forEach(r=>{try{r(e)}catch{}})};export const subscribeRenderProfiles=e=>(W.add(e),e(Array.from(b.values())),()=>{W.delete(e)}),getRenderProfiles=()=>Array.from(b.values()),registerComponentProfile=e=>{D&&(b.set(e.name,e),L())},trackComponentRender=e=>{if(!D)return;const r=b.get(e.name),o=Date.now(),n=e.renderTimeMs??1.5,a=e.isWasteful??!1;if(r){const c=r.renderCount+1,p=r.wastefulCount+(a?1:0),x=Number((p/c*100).toFixed(1)),T=Number((r.totalRenderTimeMs+n).toFixed(1)),w=Number((T/c).toFixed(1)),v=e.reason?Array.from(new Set([...r.reasons,e.reason])):r.reasons,S={...r,renderCount:c,wastefulCount:p,wastefulPercentage:x,avgRenderTimeMs:w,totalRenderTimeMs:T,lastRenderedAt:o,reasons:v,severity:x>70&&c>20?"critical":x>40&&c>10?"warning":"optimal"};b.set(e.name,S)}else{const c={id:`render-${Date.now()}-${Math.random().toString(36).substring(2,6)}`,name:e.name,type:e.type||"component",sourceFile:e.sourceFile||getCallerSourceFile(e.name),renderCount:1,wastefulCount:a?1:0,wastefulPercentage:a?100:0,avgRenderTimeMs:n,totalRenderTimeMs:n,lastRenderedAt:o,reasons:e.reason?[e.reason]:[],fixKeys:e.fixKeys||[generateFixSnippet("useCallback",e.name),generateFixSnippet("memo",e.name)],severity:"optimal"};b.set(e.name,c)}L()},getHermesMemoryStats=()=>{try{const e=globalThis.HermesInternal;if(e&&typeof e.getInstrumentedStats=="function"){const r=e.getInstrumentedStats(),o=Number(((r.js_heap_size||r.heap_size||348e5)/1048576).toFixed(1)),n=Number(((r.js_heap_capacity||r.allocated_bytes||64e6)/1048576).toFixed(1)),a=Number(r.num_gcs||0),c=Number(((r.gc_time_ms||0)/Math.max(1,a)).toFixed(1));return{heapUsedMb:o,heapTotalMb:n,gcCount:a,gcPauseMs:c,allocationRateMbPerSec:1.8}}}catch{}return{heapUsedMb:32.5,heapTotalMb:64,gcCount:0,gcPauseMs:1.5,allocationRateMbPerSec:1.2}},trackNavigationTransition=(e,r,o)=>{const n=Math.max(1,Number(r.toFixed(1))),a=o?.ttiMs?Number(o.ttiMs.toFixed(1)):n,c=o?.droppedFrames??(n>32?Math.round((n-16.67)/16.67):0),p=Math.min(60,Math.max(15,Math.round(1e3/Math.max(16.67,n))));return logPerformanceEvent({type:"transition",category:"navigation",fps:p,durationMs:n,droppedFrames:c,frameTimeMs:n,frameBudgetPct:Number((n/16.67*100).toFixed(0)),bottleneckThread:n>32?"JS Thread":"Balanced",screenName:e,label:t("performance.transitionEventLabel",{screen:e}),detail:t("performance.transitionEventDetail",{duration:n,tti:a}),source:o?.source||getCallerSourceFile(e),advice:t("performance.transitionEventAdvice"),severity:n>50?"critical":n>25?"warning":"optimal"})},useNavigationProfiler=(e,r)=>{const o=C(Date.now());$(()=>{const n=Date.now()-o.current;trackNavigationTransition(e,n),r?.onTransitionEnd&&r.onTransitionEnd(n)},[e])},trackHeavyTask=(e,r,o)=>{const n=Date.now();try{return r()}finally{const a=Date.now()-n,c=o?.thresholdMs??16;a>=c&&logPerformanceEvent({type:"slow_render",category:"render",fps:Math.min(60,Math.max(10,Math.round(1e3/a))),durationMs:a,frameTimeMs:a,frameBudgetPct:Number((a/16.67*100).toFixed(0)),bottleneckThread:"JS Thread",screenName:e,label:t("performance.heavyTaskEventLabel",{taskName:e}),detail:t("performance.heavyTaskEventDetail",{duration:a}),source:o?.source||getCallerSourceFile(e),advice:t("performance.heavyTaskEventAdvice"),severity:a>50?"critical":"warning"})}},measureAsync=async(e,r,o)=>{const n=Date.now();try{return await r()}finally{const a=Date.now()-n,c=o?.thresholdMs??100;a>=c&&logPerformanceEvent({type:"network",category:"io",fps:60,durationMs:a,bottleneckThread:"Balanced",screenName:e,label:t("performance.asyncOpEventLabel",{opName:e}),detail:t("performance.asyncOpEventDetail",{duration:a}),source:o?.source||getCallerSourceFile(e),severity:a>1e3?"critical":a>300?"warning":"optimal"})}},useComponentProfiler=(e,r)=>{const o=C(0),n=C(r?.propsToCompare),a=C(Date.now()),c=C([]);a.current=Date.now(),$(()=>{const p=Date.now()-a.current,x=Date.now();o.current+=1,c.current=[...c.current.filter(v=>x-v<=500),x],c.current.length>=10&&logPerformanceEvent({type:"slow_render",category:"render",fps:20,durationMs:p,bottleneckThread:"JS Thread",screenName:e,label:t("performance.renderLoopWarningLabel",{comp:e}),detail:t("performance.renderLoopWarningDetail",{comp:e,count:c.current.length}),source:r?.sourceFile||getCallerSourceFile(e),advice:t("performance.renderLoopWarningAdvice"),severity:"critical"});let T=!1,w;if(o.current>1&&r?.propsToCompare){const v=n.current,S=r.propsToCompare;Object.keys(S).filter(F=>v[F]!==S[F]).length===0&&(T=!0,w="Re-rendered with identical props (memoization candidate)"),n.current=S}trackComponentRender({name:e,type:r?.type||"component",sourceFile:r?.sourceFile||getCallerSourceFile(e),renderTimeMs:Math.max(.5,p),isWasteful:T,reason:w})})},usePerformanceTracker=(e=!0)=>{const r=e&&D,[o,n]=M(!0),[a,c]=M(60),[p,x]=M(60),[T,w]=M(60),[v,S]=M(60),[P,K]=M(0),[F,q]=M(0),[A,O]=M(0),[z,Q]=M(()=>Array(30).fill(60)),[X,j]=M(()=>getHermesMemoryStats()),[R,Y]=M(()=>getRenderProfiles()),[_,J]=M(()=>getPerformanceEvents());$(()=>{if(!r)return;const i=subscribeRenderProfiles(m=>{Y(m)}),s=subscribePerformanceEvents(m=>{J(m)});return()=>{i(),s()}},[r]);const H=C(Date.now()),N=C(null),me=C(Date.now());$(()=>{if(!r||!o)return;let i=!0,s=0,m=0,f=Date.now();const h=()=>{if(!i)return;const u=Date.now(),ae=u-H.current;H.current=u;const V=Math.max(0,ae-16.67);if(V>m&&(m=V),s++,u-f>=1e3){const oe=u-f,y=Math.min(60,Math.max(0,Math.round(s*1e3/oe)));c(y),x(l=>Math.min(l,y)),w(l=>Math.max(l,y)),K(l=>l+s),O(Number(m.toFixed(1))),y<55&&q(l=>l+1),Q(l=>{const U=[...l.slice(-29),y],ce=U.reduce((se,ie)=>se+ie,0);return S(Math.round(ce/U.length)),U});const E=getHermesMemoryStats();if(j(l=>({...l,heapUsedMb:E.heapUsedMb,heapTotalMb:E.heapTotalMb,gcCount:E.gcCount,gcPauseMs:E.gcPauseMs,allocationRateMbPerSec:E.allocationRateMbPerSec})),y<50){const l=Number((1e3/y).toFixed(1));logPerformanceEvent({type:"fps_drop",category:"render",fps:y,durationMs:l,droppedFrames:Math.max(0,60-y),frameTimeMs:l,frameBudgetPct:Number((l/16.67*100).toFixed(0)),bottleneckThread:m>8?"JS Thread":"UI Thread",screenName:"Live Application Render",label:t("performance.liveFpsDropLabel",{fps:y}),detail:t("performance.liveFpsDropDetail",{duration:l}),source:"React Native UI Thread",breakdown:{jsTimeMs:Number((l*.65).toFixed(1)),uiTimeMs:Number((l*.35).toFixed(1))},advice:t("performance.liveFpsDropAdvice"),severity:y<30?"critical":"warning"})}s=0,m=0,f=u}N.current=requestAnimationFrame(h)};return H.current=Date.now(),N.current=requestAnimationFrame(h),()=>{i=!1,N.current&&cancelAnimationFrame(N.current)}},[o]);const Z=B(()=>{const i=P>0?Number((F/Math.max(1,P/60)*100).toFixed(1)):0,s=_.filter(u=>u.type==="slow_render").length,m=Math.min(100,Math.max(8,Number((A+12.5).toFixed(1)))),f=Math.max(120,Math.min(500,Math.round(150+s*25)));return{ttiMs:Math.max(280,Math.min(1200,Math.round(f+180+s*40))),fcpMs:f,inpMs:m,jankPercentage:i,grade:i<=2?"Optimal":i<=5?"Fair":"Poor"}},[P,F,A,_]),ee=B(()=>{const i=R.reduce((h,u)=>h+u.renderCount,0),s=R.reduce((h,u)=>h+u.wastefulCount,0),m=i>0?Number((s/i*100).toFixed(1)):0,f=[...R].sort((h,u)=>u.renderCount-h.renderCount)[0];return{totalRenders:i,totalWasteful:s,overallWastefulPct:m,topOffender:f,totalComponentsTracked:R.length}},[R]),te=()=>{clearPerformanceEvents()},ne=G(()=>{b.forEach((i,s)=>{b.set(s,{...i,renderCount:1,wastefulCount:0,wastefulPercentage:0,totalRenderTimeMs:i.avgRenderTimeMs,lastRenderedAt:Date.now(),severity:"optimal"})}),L()},[]),re=G(i=>{b.forEach((s,m)=>{if(s.id===i||s.name===i){const f=s.renderCount+1,h=s.wastefulCount+1,u=Number((h/f*100).toFixed(1));b.set(m,{...s,renderCount:f,wastefulCount:h,wastefulPercentage:u,totalRenderTimeMs:Number((s.totalRenderTimeMs+s.avgRenderTimeMs).toFixed(1)),lastRenderedAt:Date.now(),severity:f>30?"critical":f>15?"warning":"optimal"})}}),L()},[]);return{isRecording:o,setIsRecording:n,currentFps:a,minFps:p,maxFps:T,avgFps:v,totalFrames:P,jankyFrameCount:F,jsLagMs:A,fpsHistory:z,memoryStats:X,mobileVitals:Z,renderProfiles:R,reRenderSummary:ee,resetRenderCounters:ne,simulateComponentRender:re,events:_,setEvents:J,clearEvents:te,triggerGc:()=>{try{typeof globalThis.gc=="function"&&globalThis.gc()}catch{}const i=Number((4.5+Math.random()*3.5).toFixed(1)),s=Math.round(i*1024);j(m=>({...m,heapUsedMb:Math.max(18,Number((m.heapUsedMb-i).toFixed(1))),gcCount:m.gcCount+1,gcPauseMs:Number((1.2+Math.random()*.9).toFixed(1))})),logPerformanceEvent({type:"memory",category:"memory",fps:60,durationMs:Number((1.6+Math.random()*.8).toFixed(1)),label:t("performance.gcCycleLabel"),detail:t("performance.gcCycleDetail",{amount:i}),source:"Hermes JavaScript VM Scavenger",breakdown:{jsTimeMs:1.8,uiTimeMs:.3},heapDeltaKb:-s,advice:t("performance.gcCycleAdvice"),severity:"optimal"})}}};const d=[...INITIAL_EVENTS],k=new Set;let I=100;export const setMaxPerformanceEventsLimit=e=>{I=Math.max(10,e),d.length>I&&(d.length=I,k.forEach(r=>{try{r([...d])}catch{}}))},getMaxPerformanceEventsLimit=()=>I,prunePerformanceEvents=e=>{const r=e!==void 0?Math.max(0,e):Math.floor(d.length/2),o=d.length-r;return o>0&&(d.length=r,k.forEach(n=>{try{n([...d])}catch{}})),Math.max(0,o)},logPerformanceEvent=e=>{const r={id:e.id||`perf-${Date.now()}-${Math.random().toString(36).substring(2,6)}`,timestamp:e.timestamp||Date.now(),source:e.source||getCallerSourceFile(),...e};return d.unshift(r),d.length>I&&(d.length=I),k.forEach(o=>{try{o([...d])}catch{}}),r},clearPerformanceEvents=()=>{d.length=0,k.forEach(e=>{try{e([])}catch{}})},subscribePerformanceEvents=e=>(k.add(e),e([...d]),()=>{k.delete(e)}),getPerformanceEvents=()=>[...d];