react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/commonjs/components/Inspector/SettingsPanel.js

@@ -1,3726 +1,726 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_svg_1 = __importStar(require("react-native-svg"));
-const InspectorContext_1 = require("./InspectorContext");
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const Slider_1 = __importDefault(require("../Slider"));
-const styles_1 = require("../../styles");
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const settingsStore_1 = require("../../helpers/settingsStore");
-const networkLogger_1 = require("../../customHooks/networkLogger");
-const consoleLogger_1 = require("../../customHooks/consoleLogger");
-const analyticsLogger_1 = require("../../customHooks/analyticsLogger");
-const crashHandler_1 = require("../../customHooks/crashHandler");
-const bundleAnalyzer_1 = require("../../customHooks/bundleAnalyzer");
-const performanceTracker_1 = require("../../customHooks/performanceTracker");
-const reduxLogger_1 = require("../../customHooks/reduxLogger");
-const analyticsLogger_2 = require("../../customHooks/analyticsLogger");
-const i18n_1 = require("../../i18n");
-const NetworkIcons_1 = require("../NetworkIcons");
-const capture_1 = require("../../capture");
-const constants_1 = require("../../constants");
-const helpers_1 = require("../../helpers");
-const toast_1 = require("../../helpers/toast");
-const memoryManager_1 = require("../../helpers/memoryManager");
-const SettingsPanel = () => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const { settingsPage, setSettingsPage, settingsActiveSubTab, setSettingsActiveSubTab, tabVisibility, toggleTabVisibility, defaultTab, setDefaultTab, isDark, setIsDark, modalHeightPercent, setModalHeightPercent, modalAnimationType, setModalAnimationType, showDuplicateLogs, setShowDuplicateLogs, showUpdateToast, setShowUpdateToast, showConsoleLevels, setShowConsoleLevels, resetToDefaults, closeModal, storage, logs, consoleLogs, analyticsEvents, reduxState, maxNetworkLogs, setMaxNetworkLogs, maxConsoleLogs, setMaxConsoleLogs, maxAnalyticsEventsLimit, setMaxAnalyticsEventsLimit, isAutoRamLimitEnabled, setIsAutoRamLimitEnabled, deviceFreeRamMb, reduxAutoRefresh, setReduxAutoRefreshState, reduxExpandDepth, setReduxExpandDepth, switchActiveTab, setSelected, setSelectedEvent, setReduxState, crashRecords, maxCrashLogs, setMaxCrashLogs, updateAvailable, latestNpmVersion, } = (0, InspectorContext_1.useInspector)();
-    const [stagedHeight, setStagedHeight] = (0, react_1.useState)(modalHeightPercent);
-    (0, react_1.useEffect)(() => {
-        setStagedHeight(modalHeightPercent);
-    }, [modalHeightPercent]);
-    const autoRamProfile = (0, settingsStore_1.calculateRamBasedLimits)(deviceFreeRamMb);
-    const isPersistent = (0, settingsStore_1.isPersistentStorageAvailable)();
-    const statusBarHeight = react_native_1.Platform.OS === 'android' ? react_native_1.StatusBar.currentHeight || 24 : 44;
-    const headerTopPadding = modalHeightPercent >= 95 ? statusBarHeight : 0;
-    const allModules = (0, react_1.useMemo)(() => [
-        {
-            id: 1,
-            key: 'apis',
-            label: 'APIs (Network)',
-            category: 'core',
-            icon: 'apis',
-            desc: 'HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector',
-        },
-        {
-            id: 2,
-            key: 'logs',
-            label: 'Console Logs',
-            category: 'core',
-            icon: 'logs',
-            desc: 'Terminal console logs, warnings, errors & stack traces',
-        },
-        {
-            id: 3,
-            key: 'analytics',
-            label: 'Analytics Logger',
-            category: 'telemetry',
-            icon: 'analytics',
-            desc: 'Firebase & custom analytics events, user properties & params',
-        },
-        {
-            id: 4,
-            key: 'redux',
-            label: 'Redux Inspector',
-            category: 'telemetry',
-            icon: 'redux',
-            desc: 'Store state diffing, action history & reducer timeline',
-        },
-        {
-            id: 5,
-            key: 'storage',
-            label: 'Storage Inspector',
-            category: 'telemetry',
-            icon: 'storage',
-            desc: 'AsyncStorage & MMKV key-value store viewer with full CRUD support',
-        },
-        {
-            id: 6,
-            key: 'device',
-            label: 'Device Info',
-            category: 'diagnostic',
-            icon: 'device',
-            desc: 'Hardware specs, IP address, screen metrics, UDID & runtime stats',
-        },
-        {
-            id: 7,
-            key: 'crash',
-            label: 'Crash Protection',
-            category: 'diagnostic',
-            icon: 'crash',
-            desc: 'Runtime exception guard, breadcrumbs & memory snapshot',
-        },
-        {
-            id: 8,
-            key: 'bundle',
-            label: 'Bundle Analyzer',
-            category: 'diagnostic',
-            icon: 'bundle',
-            desc: 'Metro packager dependencies, source maps & asset breakdown',
-        },
-        {
-            id: 9,
-            key: 'performance',
-            label: 'Performance & Tracker',
-            category: 'diagnostic',
-            icon: 'performance',
-            desc: '60 FPS monitor, Hermes memory telemetry & re-render profiler',
-        },
-        {
-            id: 10,
-            key: 'debugging',
-            label: 'Multi-Device Debugging',
-            category: 'diagnostic',
-            icon: 'debugging',
-            desc: 'QR Code bridge for direct Debug APK download & Metro live-reload sync',
-        },
-    ].filter(m => m.key === 'debugging'
-        ? react_native_1.Platform.OS === 'android' && (0, helpers_1.isLocalDebugEnvironment)()
-        : true), []);
-    const [stagedTabVisibility, setStagedTabVisibility] = (0, react_1.useState)(() => ({
-        apis: true,
-        logs: Boolean(tabVisibility?.logs),
-        analytics: Boolean(tabVisibility?.analytics),
-        redux: Boolean(tabVisibility?.redux),
-        storage: Boolean(tabVisibility?.storage),
-        device: Boolean(tabVisibility?.device),
-        crash: Boolean(tabVisibility?.crash),
-        bundle: Boolean(tabVisibility?.bundle),
-        performance: Boolean(tabVisibility?.performance),
-        debugging: Boolean(tabVisibility?.debugging),
-    }));
-    (0, react_1.useEffect)(() => {
-        setStagedTabVisibility({
-            apis: true,
-            logs: Boolean(tabVisibility?.logs),
-            analytics: Boolean(tabVisibility?.analytics),
-            redux: Boolean(tabVisibility?.redux),
-            storage: Boolean(tabVisibility?.storage),
-            device: Boolean(tabVisibility?.device),
-            crash: Boolean(tabVisibility?.crash),
-            bundle: Boolean(tabVisibility?.bundle),
-            performance: Boolean(tabVisibility?.performance),
-            debugging: Boolean(tabVisibility?.debugging),
-        });
-    }, [tabVisibility]);
-    const hasUnsavedChanges = (0, react_1.useMemo)(() => {
-        return allModules.some(m => Boolean(stagedTabVisibility[m.key]) !==
-            Boolean(tabVisibility?.[m.key]));
-    }, [stagedTabVisibility, tabVisibility, allModules]);
-    const stagedActiveCount = allModules.filter(m => m.key === 'apis' || Boolean(stagedTabVisibility[m.key])).length;
-    const handleSaveChanges = () => {
-        if (!hasUnsavedChanges)
-            return;
-        react_native_1.Alert.alert('Apply Changes & Reload', 'Are you sure you want to save module changes? The inspector will close and reload the app to apply the new configuration.', [
-            {
-                text: 'Cancel',
-                style: 'cancel',
-                onPress: () => {
-                    setStagedTabVisibility({
-                        apis: true,
-                        logs: Boolean(tabVisibility?.logs),
-                        analytics: Boolean(tabVisibility?.analytics),
-                        redux: Boolean(tabVisibility?.redux),
-                        storage: Boolean(tabVisibility?.storage),
-                        device: Boolean(tabVisibility?.device),
-                        crash: Boolean(tabVisibility?.crash),
-                        bundle: Boolean(tabVisibility?.bundle),
-                        performance: Boolean(tabVisibility?.performance),
-                        debugging: Boolean(tabVisibility?.debugging),
-                    });
-                },
-            },
-            {
-                text: 'Save & Reload',
-                style: 'default',
-                onPress: () => {
-                    (0, InspectorContext_1.animateNextLayout)();
-                    allModules.forEach(m => {
-                        if (m.key !== 'apis') {
-                            const isStagedOn = Boolean(stagedTabVisibility[m.key]);
-                            const isCurrentOn = Boolean(tabVisibility?.[m.key]);
-                            if (isStagedOn !== isCurrentOn) {
-                                toggleTabVisibility(m.key);
-                            }
-                        }
-                    });
-                    closeModal();
-                    setTimeout(() => {
-                        if (__DEV__ && react_native_1.DevSettings && react_native_1.DevSettings.reload) {
-                            react_native_1.DevSettings.reload();
-                        }
-                    }, 350);
-                },
-            },
-        ]);
-    };
-    const [isDefaultTabDropdownOpen, setIsDefaultTabDropdownOpen] = (0, react_1.useState)(false);
-    const goBackToMain = () => {
-        (0, InspectorContext_1.animateNextLayout)();
-        setSettingsPage('main');
-    };
-    const renderSettingRow = (opts) => {
-        return (<react_native_1.View style={{
-                paddingVertical: 12,
-                borderBottomWidth: opts.isLast ? 0 : 1,
-                borderBottomColor: AppColors_1.AppColors.dividerColor,
-            }}>
-        <TouchableScale_1.default disabled={!opts.onPress} onPress={opts.onPress} style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 12,
-            }}>
-          <react_native_1.View style={{
-                width: 36,
-                height: 36,
-                borderRadius: 10,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                borderWidth: 1,
-                borderColor: `${AppColors_1.AppColors.purple}2E`,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-            {opts.icon}
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,s,l){l===void 0&&(l=s);var p=Object.getOwnPropertyDescriptor(t,s);(!p||("get"in p?!t.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,l,p)}):(function(o,t,s,l){l===void 0&&(l=s),o[l]=t[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(s){var l=[];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(l[l.length]=p);return l},o(t)};return function(t){if(t&&t.__esModule)return t;var s={};if(t!=null)for(var l=o(t),p=0;p<l.length;p++)l[p]!=="default"&&__createBinding(s,t,l[p]);return __setModuleDefault(s,t),s}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),Slider_1=__importDefault(require("../Slider")),styles_1=require("../../styles"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),settingsStore_1=require("../../helpers/settingsStore"),networkLogger_1=require("../../customHooks/networkLogger"),consoleLogger_1=require("../../customHooks/consoleLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),crashHandler_1=require("../../customHooks/crashHandler"),bundleAnalyzer_1=require("../../customHooks/bundleAnalyzer"),performanceTracker_1=require("../../customHooks/performanceTracker"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_2=require("../../customHooks/analyticsLogger"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:t,setSettingsPage:s,settingsActiveSubTab:l,setSettingsActiveSubTab:p,tabVisibility:r,toggleTabVisibility:K,defaultTab:x,setDefaultTab:Q,isDark:v,setIsDark:X,modalHeightPercent:T,setModalHeightPercent:Y,modalAnimationType:Z,setModalAnimationType:ee,showDuplicateLogs:F,setShowDuplicateLogs:oe,showUpdateToast:z,setShowUpdateToast:re,showConsoleLevels:te,setShowConsoleLevels:ie,resetToDefaults:fe,closeModal:ae,storage:me,logs:R,consoleLogs:I,analyticsEvents:L,reduxState:H,maxNetworkLogs:D,setMaxNetworkLogs:le,maxConsoleLogs:P,setMaxConsoleLogs:ne,maxAnalyticsEventsLimit:j,setMaxAnalyticsEventsLimit:se,isAutoRamLimitEnabled:c,setIsAutoRamLimitEnabled:pe,deviceFreeRamMb:W,reduxAutoRefresh:$,setReduxAutoRefreshState:ce,reduxExpandDepth:N,setReduxExpandDepth:de,switchActiveTab:xe,setSelected:ge,setSelectedEvent:ue,setReduxState:ye,crashRecords:M,maxCrashLogs:q,setMaxCrashLogs:Ce,updateAvailable:Ve,latestNpmVersion:ve}=(0,InspectorContext_1.useInspector)(),[S,G]=(0,react_1.useState)(T);(0,react_1.useEffect)(()=>{G(T)},[T]);const k=(0,settingsStore_1.calculateRamBasedLimits)(W),Te=(0,settingsStore_1.isPersistentStorageAvailable)(),he=react_native_1.Platform.OS==="android"?react_native_1.StatusBar.currentHeight||24:44,ke=T>=95?he:0,h=(0,react_1.useMemo)(()=>[{id:1,key:"apis",label:"APIs (Network)",category:"core",icon:"apis",desc:"HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector"},{id:2,key:"logs",label:"Console Logs",category:"core",icon:"logs",desc:"Terminal console logs, warnings, errors & stack traces"},{id:3,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:4,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:5,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:6,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:7,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:8,key:"bundle",label:"Bundle Analyzer",category:"diagnostic",icon:"bundle",desc:"Metro packager dependencies, source maps & asset breakdown"},{id:9,key:"performance",label:"Performance & Tracker",category:"diagnostic",icon:"performance",desc:"60 FPS monitor, Hermes memory telemetry & re-render profiler"},{id:10,key:"debugging",label:"Multi-Device Debugging",category:"diagnostic",icon:"debugging",desc:"QR Code bridge for direct Debug APK download & Metro live-reload sync"},{id:11,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)():!0),[]),[w,O]=(0,react_1.useState)(()=>({apis:!0,logs:!!r?.logs,analytics:!!r?.analytics,redux:!!r?.redux,storage:!!r?.storage,device:!!r?.device,crash:!!r?.crash,bundle:!!r?.bundle,performance:!!r?.performance,debugging:!!r?.debugging,media:!!(r?.media??!0)}));(0,react_1.useEffect)(()=>{O({apis:!0,logs:!!r?.logs,analytics:!!r?.analytics,redux:!!r?.redux,storage:!!r?.storage,device:!!r?.device,crash:!!r?.crash,bundle:!!r?.bundle,performance:!!r?.performance,debugging:!!r?.debugging,media:!!(r?.media??!0)})},[r]);const V=(0,react_1.useMemo)(()=>h.some(e=>!!w[e.key]!=!!r?.[e.key]),[w,r,h]),be=h.filter(e=>e.key==="apis"||!!w[e.key]).length,Ae=()=>{V&&react_native_1.Alert.alert("Apply Changes & Reload","Are you sure you want to save module changes? The inspector will close and reload the app to apply the new configuration.",[{text:"Cancel",style:"cancel",onPress:()=>{O({apis:!0,logs:!!r?.logs,analytics:!!r?.analytics,redux:!!r?.redux,storage:!!r?.storage,device:!!r?.device,crash:!!r?.crash,bundle:!!r?.bundle,performance:!!r?.performance,debugging:!!r?.debugging,media:!!(r?.media??!0)})}},{text:"Save & Reload",style:"default",onPress:()=>{(0,InspectorContext_1.animateNextLayout)(),h.forEach(e=>{if(e.key!=="apis"){const i=!!w[e.key],C=!!r?.[e.key];i!==C&&K(e.key)}}),ae(),setTimeout(()=>{__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},350)}}])},[E,U]=(0,react_1.useState)(!1),Se=()=>{(0,InspectorContext_1.animateNextLayout)(),s("main")},n=e=><react_native_1.View style={{paddingVertical:12,borderBottomWidth:e.isLast?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+        <TouchableScale_1.default disabled={!e.onPress}onPress={e.onPress}style={{flexDirection:"row",alignItems:"center",gap:12}}>
+          <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,alignItems:"center",justifyContent:"center"}}>
+            {e.icon}
           </react_native_1.View>
-          <react_native_1.View style={{ flex: 1 }}>
-            <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 14,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-              {opts.label}
+          <react_native_1.View style={{flex:1}}>
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+              {e.label}
             </react_native_1.Text>
-            {opts.description ? (<react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interRegular,
-                    fontSize: 11,
-                    lineHeight: 15,
-                    color: AppColors_1.AppColors.grayText,
-                    marginTop: 1,
-                }}>
-                {opts.description}
-              </react_native_1.Text>) : null}
+            {e.description?<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                {e.description}
+              </react_native_1.Text>:null}
           </react_native_1.View>
-          {opts.right || null}
+          {e.right||null}
         </TouchableScale_1.default>
-        {opts.numericInput && (<react_native_1.View style={{ marginTop: 10, gap: 6 }}>
-            <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    backgroundColor: AppColors_1.AppColors.grayBackground,
-                    borderRadius: 8,
-                    borderWidth: 1,
-                    borderColor: AppColors_1.AppColors.dividerColor,
-                    paddingHorizontal: 12,
-                    paddingVertical: 4,
-                }}>
-              <react_native_1.TextInput style={{
-                    flex: 1,
-                    fontFamily: AppFonts_1.AppFonts.interMedium,
-                    fontSize: 14,
-                    lineHeight: 18,
-                    color: AppColors_1.AppColors.primaryBlack,
-                    paddingVertical: 6,
-                }} value={String(opts.numericInput.value || '')} onChangeText={text => {
-                    const num = parseInt(text.replace(/[^0-9]/g, ''), 10);
-                    if (!isNaN(num)) {
-                        const clamped = Math.max(opts.numericInput?.min ?? 1, Math.min(opts.numericInput?.max ?? 10000, num));
-                        opts.numericInput?.onChange(clamped);
-                    }
-                }} keyboardType={opts.numericInput.keyboardType ?? 'number-pad'} placeholder={opts.numericInput.placeholder} placeholderTextColor={AppColors_1.AppColors.grayTextWeak} maxLength={6} selectTextOnFocus/>
-              <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 11,
-                    color: AppColors_1.AppColors.purple,
-                    marginLeft: 6,
-                }}>
+        {e.numericInput&&<react_native_1.View style={{marginTop:10,gap:6}}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:12,paddingVertical:4}}>
+              <react_native_1.TextInput style={{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack,paddingVertical:6}}value={String(e.numericInput.value||"")}onChangeText={i=>{const C=parseInt(i.replace(/[^0-9]/g,""),10);if(!isNaN(C)){const d=Math.max(e.numericInput?.min??1,Math.min(e.numericInput?.max??1e4,C));e.numericInput?.onChange(d)}}}keyboardType={e.numericInput.keyboardType??"number-pad"}placeholder={e.numericInput.placeholder}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}maxLength={6}selectTextOnFocus/>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple,marginLeft:6}}>
                 MAX
               </react_native_1.Text>
             </react_native_1.View>
-            {opts.numericInput.min !== undefined ||
-                    opts.numericInput.max !== undefined ? (<react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interRegular,
-                        fontSize: 10,
-                        lineHeight: 13,
-                        color: AppColors_1.AppColors.grayTextWeak,
-                    }}>
-                Range: {opts.numericInput.min ?? 1} -{' '}
-                {opts.numericInput.max ?? '∞'}
-              </react_native_1.Text>) : null}
-          </react_native_1.View>)}
-        {opts.picker && (<react_native_1.View style={{
-                    flexDirection: 'row',
-                    backgroundColor: AppColors_1.AppColors.grayBackground,
-                    borderRadius: 8,
-                    padding: 2.5,
-                    marginTop: 10,
-                    borderWidth: 1,
-                    borderColor: AppColors_1.AppColors.dividerColor,
-                }}>
-            {opts.picker.options.map(opt => {
-                    const isActive = opts.picker.selectedValue === opt;
-                    return (<TouchableScale_1.default key={String(opt)} onPress={() => opts.picker.onSelect(opt)} style={{
-                            flex: 1,
-                            paddingVertical: 6,
-                            alignItems: 'center',
-                            borderRadius: 6,
-                            backgroundColor: isActive
-                                ? AppColors_1.AppColors.purple
-                                : 'transparent',
-                        }}>
-                  <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 11,
-                            lineHeight: 14,
-                            color: isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText,
-                        }}>
-                    {opts.picker.formatLabel
-                            ? opts.picker.formatLabel(opt)
-                            : opt}
-                  </react_native_1.Text>
-                </TouchableScale_1.default>);
-                })}
-          </react_native_1.View>)}
-      </react_native_1.View>);
-    };
-    const renderMainSettingsContent = () => (<react_native_1.View style={{
-            flex: 1,
-            backgroundColor: AppColors_1.AppColors.grayBackground,
-        }}>
-      <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 16, paddingBottom: 100, gap: 14 }} showsVerticalScrollIndicator={false}>
+            {e.numericInput.min!==void 0||e.numericInput.max!==void 0?<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.grayTextWeak}}>
+                Range: {e.numericInput.min??1} -{" "}
+                {e.numericInput.max??"\u221E"}
+              </react_native_1.Text>:null}
+          </react_native_1.View>}
+        {e.picker&&<react_native_1.View style={{flexDirection:"row",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,padding:2.5,marginTop:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
+            {e.picker.options.map(i=>{const C=e.picker.selectedValue===i;return<TouchableScale_1.default key={String(i)}onPress={()=>e.picker.onSelect(i)}style={{flex:1,paddingVertical:6,alignItems:"center",borderRadius:6,backgroundColor:C?AppColors_1.AppColors.purple:"transparent"}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:C?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
+                    {e.picker.formatLabel?e.picker.formatLabel(i):i}
+                  </react_native_1.Text>
+                </TouchableScale_1.default>})}
+          </react_native_1.View>}
+      </react_native_1.View>,we=()=><react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+      <react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:14}}showsVerticalScrollIndicator={!1}>
         
         
-        <react_native_1.View style={{
-            backgroundColor: AppColors_1.AppColors.primaryLight,
-            borderRadius: 13,
-            paddingVertical: 4,
-            paddingHorizontal: 4,
-            borderWidth: 1,
-            borderColor: AppColors_1.AppColors.grayBorderSecondary,
-            shadowColor: AppColors_1.AppColors.black,
-            shadowOpacity: 0.04,
-            shadowRadius: 4,
-            shadowOffset: { width: 0, height: 2 },
-        }}>
-          <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 6,
-            paddingHorizontal: 2,
-        }}>
-            {[
-            {
-                key: 'module',
-                label: t('settings.modulesAndTools', 'Modules & Tools'),
-                Icon: NetworkIcons_1.LayersIcon,
-                badge: `${allModules.filter(m => stagedTabVisibility?.[m.key] || m.key === 'apis').length}/${allModules.length}`,
-            },
-            {
-                key: 'ui',
-                label: t('settings.uiPreferences', 'UI Preferences'),
-                Icon: NetworkIcons_1.ScreenIcon,
-            },
-            {
-                key: 'limits',
-                label: t('settings.ramLimits', 'RAM & Limits'),
-                Icon: NetworkIcons_1.BrainIcon,
-            },
-            {
-                key: 'capture',
-                label: t('settings.screenVideoCapture', 'Screen & Video Capture'),
-                Icon: NetworkIcons_1.CameraIcon,
-            },
-            {
-                key: 'about',
-                label: t('settings.aboutAndSpecs', 'About & Specs'),
-                Icon: NetworkIcons_1.InfoCircleIcon,
-            },
-        ].map(tab => {
-            const isActive = settingsActiveSubTab === tab.key;
-            const IconComp = tab.Icon;
-            return (<TouchableScale_1.default key={tab.key} accessible={true} accessibilityRole="tab" accessibilityLabel={tab.label} accessibilityState={{ selected: isActive }} onPress={() => {
-                    (0, InspectorContext_1.animateNextLayout)();
-                    setSettingsActiveSubTab(tab.key);
-                }} style={{
-                    paddingVertical: 8,
-                    paddingHorizontal: 14,
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    gap: 6,
-                    borderRadius: 9,
-                    backgroundColor: isActive
-                        ? AppColors_1.AppColors.purple
-                        : 'transparent',
-                }}>
-                  <IconComp color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={13}/>
-                  <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 12.5,
-                    lineHeight: 16,
-                    color: isActive
-                        ? AppColors_1.AppColors.white
-                        : AppColors_1.AppColors.grayText,
-                }}>
-                    {tab.label}
-                  </react_native_1.Text>
-                  {tab.badge && (<react_native_1.View style={{
-                        backgroundColor: isActive
-                            ? 'rgba(255,255,255,0.25)'
-                            : `${AppColors_1.AppColors.purple}18`,
-                        paddingHorizontal: 5.5,
-                        paddingVertical: 1,
-                        borderRadius: 10,
-                    }}>
-                      <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 9.5,
-                        color: isActive
-                            ? AppColors_1.AppColors.white
-                            : AppColors_1.AppColors.purple,
-                    }}>
-                        {tab.badge}
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:13,paddingVertical:4,paddingHorizontal:4,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2}}}>
+          <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:2}}>
+            {[{key:"module",label:o("settings.modulesAndTools","Modules & Tools"),Icon:NetworkIcons_1.LayersIcon,badge:`${h.filter(e=>w?.[e.key]||e.key==="apis").length}/${h.length}`},{key:"ui",label:o("settings.uiPreferences","UI Preferences"),Icon:NetworkIcons_1.ScreenIcon},{key:"limits",label:o("settings.ramLimits","RAM & Limits"),Icon:NetworkIcons_1.BrainIcon},{key:"capture",label:o("settings.screenVideoCapture","Screen & Video Capture"),Icon:NetworkIcons_1.CameraIcon}].map(e=>{const i=l===e.key,C=e.Icon;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={e.label}accessibilityState={{selected:i}}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),p(e.key)}}style={{paddingVertical:8,paddingHorizontal:14,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:9,backgroundColor:i?AppColors_1.AppColors.purple:"transparent"}}>
+                  <C color={i?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={13}/>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,lineHeight:16,color:i?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
+                    {e.label}
+                  </react_native_1.Text>
+                  {e.badge&&<react_native_1.View style={{backgroundColor:i?"rgba(255,255,255,0.25)":`${AppColors_1.AppColors.purple}18`,paddingHorizontal:5.5,paddingVertical:1,borderRadius:10}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:i?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                        {e.badge}
                       </react_native_1.Text>
-                    </react_native_1.View>)}
-                </TouchableScale_1.default>);
-        })}
+                    </react_native_1.View>}
+                </TouchableScale_1.default>})}
           </react_native_1.ScrollView>
         </react_native_1.View>
 
-        {settingsActiveSubTab === 'module' && (<react_native_1.View style={{ gap: 12 }}>
+        {l==="module"&&<react_native_1.View style={{gap:12}}>
             
-            <react_native_1.View style={{ gap: 10 }}>
-              {allModules.map(moduleItem => {
-                const isReduxAvail = (0, reduxLogger_1.isReduxConnected)();
-                const isAnalyticsAvail = (0, analyticsLogger_2.isAnalyticsConnected)();
-                const isUnavailable = (moduleItem.key === 'redux' && !isReduxAvail) ||
-                    (moduleItem.key === 'analytics' && !isAnalyticsAvail);
-                const isLocked = moduleItem.key === 'apis' || isUnavailable;
-                const isChecked = moduleItem.key === 'apis' ||
-                    (Boolean(stagedTabVisibility?.[moduleItem.key]) &&
-                        !isUnavailable);
-                const liveStats = moduleItem.key === 'apis'
-                    ? `${logs.length} requests • Limit: ${maxNetworkLogs}`
-                    : moduleItem.key === 'logs'
-                        ? `${consoleLogs.length} logs • Limit: ${maxConsoleLogs}`
-                        : moduleItem.key === 'performance'
-                            ? '60 FPS Target • Memory Telemetry'
-                            : moduleItem.key === 'bundle'
-                                ? 'Metro Packager • Dependency Map'
-                                : moduleItem.key === 'crash'
-                                    ? `${crashRecords?.length || 0} crashes recorded • Crash Guard`
-                                    : moduleItem.key === 'analytics'
-                                        ? `${analyticsEvents.length} events logged`
-                                        : moduleItem.key === 'redux'
-                                            ? `${Object.keys(reduxState || {}).length} slices • Depth: ${reduxExpandDepth}`
-                                            : '';
-                return (<react_native_1.View key={moduleItem.key} style={{
-                        backgroundColor: AppColors_1.AppColors.primaryLight,
-                        borderRadius: 14,
-                        borderWidth: 1.5,
-                        borderColor: isChecked
-                            ? `${AppColors_1.AppColors.purple}38`
-                            : AppColors_1.AppColors.grayBorderSecondary,
-                        padding: 14,
-                        gap: 10,
-                        shadowColor: AppColors_1.AppColors.black,
-                        shadowOpacity: isChecked ? 0.04 : 0.02,
-                        shadowRadius: 5,
-                        shadowOffset: { width: 0, height: 2 },
-                    }}>
+            <react_native_1.View style={{gap:10}}>
+              {h.map(e=>{const i=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_2.isAnalyticsConnected)(),d=e.key==="redux"&&!i||e.key==="analytics"&&!C,b=e.key==="apis"||d,a=e.key==="apis"||!!w?.[e.key]&&!d,_e=e.key==="apis"?`${R.length} requests \u2022 Limit: ${D}`:e.key==="logs"?`${I.length} logs \u2022 Limit: ${P}`:e.key==="performance"?"60 FPS Target \u2022 Memory Telemetry":e.key==="bundle"?"Metro Packager \u2022 Dependency Map":e.key==="crash"?`${M?.length||0} crashes recorded \u2022 Crash Guard`:e.key==="analytics"?`${L.length} events logged`:e.key==="redux"?`${Object.keys(H||{}).length} slices \u2022 Depth: ${N}`:"";return<react_native_1.View key={e.key}style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:a?`${AppColors_1.AppColors.purple}38`:AppColors_1.AppColors.grayBorderSecondary,padding:14,gap:10,shadowColor:AppColors_1.AppColors.black,shadowOpacity:a?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
                     
-                    <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'flex-start',
-                        gap: 10,
-                    }}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"flex-start",gap:10}}>
                       
-                      <TouchableScale_1.default accessible={true} accessibilityRole="checkbox" accessibilityLabel={`Select ${moduleItem.label}`} accessibilityState={{
-                        checked: isChecked,
-                        disabled: isLocked,
-                    }} disabled={isLocked} onPress={() => {
-                        if (isLocked)
-                            return;
-                        setStagedTabVisibility(prev => ({
-                            ...prev,
-                            [moduleItem.key]: !prev[moduleItem.key],
-                        }));
-                    }} hitSlop={8} style={{
-                        width: 22,
-                        height: 22,
-                        borderRadius: 6,
-                        borderWidth: isChecked ? 0 : 1.8,
-                        borderColor: isLocked
-                            ? AppColors_1.AppColors.dividerColor
-                            : AppColors_1.AppColors.grayBorderSecondary,
-                        backgroundColor: moduleItem.key === 'apis'
-                            ? `${AppColors_1.AppColors.blue500}22`
-                            : isChecked
-                                ? AppColors_1.AppColors.purple
-                                : AppColors_1.AppColors.grayBackground,
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        marginTop: 7,
-                        shadowColor: isChecked
-                            ? AppColors_1.AppColors.purple
-                            : 'transparent',
-                        shadowOpacity: isChecked ? 0.25 : 0,
-                        shadowRadius: 2,
-                        elevation: isChecked ? 2 : 0,
-                    }}>
-                        {moduleItem.key === 'apis' ? (<NetworkIcons_1.CheckIcon size={12} color={AppColors_1.AppColors.blue500}/>) : isChecked ? (<NetworkIcons_1.CheckIcon size={12} color={AppColors_1.AppColors.white}/>) : isLocked ? (<react_native_svg_1.default width={10} height={10} viewBox="0 0 24 24" fill="none">
-                            <react_native_svg_1.Path d="M7 10V7a5 5 0 0 1 10 0v3" stroke={AppColors_1.AppColors.grayText} strokeWidth="2.2" strokeLinecap="round"/>
-                            <react_native_svg_1.Path d="M5 10h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z" fill={AppColors_1.AppColors.grayText}/>
-                          </react_native_svg_1.default>) : null}
+                      <TouchableScale_1.default accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${e.label}`}accessibilityState={{checked:a,disabled:b}}disabled={b}onPress={()=>{b||O(J=>({...J,[e.key]:!J[e.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:a?0:1.8,borderColor:b?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:e.key==="apis"?`${AppColors_1.AppColors.blue500}22`:a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:a?AppColors_1.AppColors.purple:"transparent",shadowOpacity:a?.25:0,shadowRadius:2,elevation:a?2:0}}>
+                        {e.key==="apis"?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.blue500}/>:a?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>:b?<react_native_svg_1.default width={10}height={10}viewBox="0 0 24 24"fill="none">
+                            <react_native_svg_1.Path d="M7 10V7a5 5 0 0 1 10 0v3"stroke={AppColors_1.AppColors.grayText}strokeWidth="2.2"strokeLinecap="round"/>
+                            <react_native_svg_1.Path d="M5 10h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"fill={AppColors_1.AppColors.grayText}/>
+                          </react_native_svg_1.default>:null}
                       </TouchableScale_1.default>
 
                       
-                      <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={`${moduleItem.label} settings`} disabled={isUnavailable} onPress={() => {
-                        (0, InspectorContext_1.animateNextLayout)();
-                        setSettingsPage(moduleItem.key);
-                    }} style={{
-                        flex: 1,
-                        flexDirection: 'row',
-                        alignItems: 'flex-start',
-                        gap: 10,
-                    }}>
+                      <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`${e.label} settings`}disabled={d}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),s(e.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
                         
-                        <react_native_1.View style={{
-                        width: 36,
-                        height: 36,
-                        borderRadius: 10,
-                        backgroundColor: isLocked
-                            ? `${AppColors_1.AppColors.grayBorderSecondary}4D`
-                            : isChecked
-                                ? `${AppColors_1.AppColors.purple}14`
-                                : AppColors_1.AppColors.grayBackground,
-                        borderWidth: 1,
-                        borderColor: isLocked
-                            ? AppColors_1.AppColors.dividerColor
-                            : isChecked
-                                ? `${AppColors_1.AppColors.purple}33`
-                                : AppColors_1.AppColors.grayBorderSecondary,
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        marginTop: 1,
-                    }}>
-                          {moduleItem.icon === 'apis' && (<NetworkIcons_1.SignalIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'logs' && (<NetworkIcons_1.TerminalIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'performance' && (<NetworkIcons_1.PerformanceIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'bundle' && (<NetworkIcons_1.PackageIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'crash' && (<NetworkIcons_1.CrashIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'analytics' && (<NetworkIcons_1.AnalyticsIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'redux' && (<NetworkIcons_1.ReduxIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'device' && (<NetworkIcons_1.SmartphoneIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'storage' && (<NetworkIcons_1.DatabaseIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'debugging' && (<NetworkIcons_1.QrCodeIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
+                        <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:b?`${AppColors_1.AppColors.grayBorderSecondary}4D`:a?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:b?AppColors_1.AppColors.dividerColor:a?`${AppColors_1.AppColors.purple}33`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
+                          {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="performance"&&<NetworkIcons_1.PerformanceIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="bundle"&&<NetworkIcons_1.PackageIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="media"&&<NetworkIcons_1.ScreencastIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
                         </react_native_1.View>
 
                         
-                        <react_native_1.View style={{ flex: 1, gap: 2 }}>
-                          <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 6,
-                        flexWrap: 'wrap',
-                    }}>
-                            <react_native_1.View style={{
-                        minWidth: 22,
-                        height: 22,
-                        paddingHorizontal: 5,
-                        borderRadius: 11,
-                        backgroundColor: isChecked
-                            ? `${AppColors_1.AppColors.purple}1C`
-                            : `${AppColors_1.AppColors.grayBorderSecondary}80`,
-                        borderWidth: 1,
-                        borderColor: isChecked
-                            ? `${AppColors_1.AppColors.purple}44`
-                            : AppColors_1.AppColors.grayBorderSecondary,
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                    }}>
-                              <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 10,
-                        lineHeight: 13,
-                        color: isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayText,
-                    }}>
-                                #{moduleItem.id}
+                        <react_native_1.View style={{flex:1,gap:2}}>
+                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
+                            <react_native_1.View style={{minWidth:22,height:22,paddingHorizontal:5,borderRadius:11,backgroundColor:a?`${AppColors_1.AppColors.purple}1C`:`${AppColors_1.AppColors.grayBorderSecondary}80`,borderWidth:1,borderColor:a?`${AppColors_1.AppColors.purple}44`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
+                              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
+                                #{e.id}
                               </react_native_1.Text>
                             </react_native_1.View>
-                            <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 14,
-                        lineHeight: 18,
-                        color: isLocked
-                            ? AppColors_1.AppColors.grayText
-                            : AppColors_1.AppColors.primaryBlack,
-                    }}>
-                              {moduleItem.label}
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:b?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}>
+                              {e.label}
                             </react_native_1.Text>
 
                             
-                            {moduleItem.key === defaultTab &&
-                        !isUnavailable && (<react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            backgroundColor: `${AppColors_1.AppColors.purple}14`,
-                            borderRadius: 12,
-                            paddingHorizontal: 5,
-                            paddingVertical: 1.5,
-                            borderWidth: 1,
-                            borderColor: `${AppColors_1.AppColors.purple}2E`,
-                            gap: 3,
-                        }}>
-                                  <react_native_1.View style={{
-                            width: 4,
-                            height: 4,
-                            borderRadius: 2,
-                            backgroundColor: AppColors_1.AppColors.purple,
-                        }}/>
-                                  <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 8,
-                            lineHeight: 11,
-                            color: AppColors_1.AppColors.purple,
-                            letterSpacing: 0.4,
-                        }}>
-                                    {t('settings.defaultBadge')}
+                            {e.key===x&&!d&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.purple}14`,borderRadius:12,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,gap:3}}>
+                                  <react_native_1.View style={{width:4,height:4,borderRadius:2,backgroundColor:AppColors_1.AppColors.purple}}/>
+                                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.purple,letterSpacing:.4}}>
+                                    {o("settings.defaultBadge")}
                                   </react_native_1.Text>
-                                </react_native_1.View>)}
+                                </react_native_1.View>}
 
                             
-                            {moduleItem.key === 'apis' ? (<react_native_1.View style={{
-                            backgroundColor: `${AppColors_1.AppColors.blue500}14`,
-                            borderRadius: 4,
-                            paddingHorizontal: 5,
-                            paddingVertical: 1.5,
-                            borderWidth: 1,
-                            borderColor: `${AppColors_1.AppColors.blue500}33`,
-                        }}>
-                                <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 8,
-                            lineHeight: 11,
-                            color: AppColors_1.AppColors.blue500,
-                            letterSpacing: 0.3,
-                        }}>
-                                  {t('settings.coreBadge')}
+                            {e.key==="apis"?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.blue500}14`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.blue500}33`}}>
+                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.blue500,letterSpacing:.3}}>
+                                  {o("settings.coreBadge")}
                                 </react_native_1.Text>
-                              </react_native_1.View>) : isUnavailable ? (<react_native_1.View style={{
-                            backgroundColor: `${AppColors_1.AppColors.amber500}18`,
-                            borderRadius: 4,
-                            paddingHorizontal: 5,
-                            paddingVertical: 1.5,
-                            borderWidth: 1,
-                            borderColor: `${AppColors_1.AppColors.amber500}35`,
-                        }}>
-                                <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 8,
-                            lineHeight: 11,
-                            color: AppColors_1.AppColors.amber700,
-                            letterSpacing: 0.3,
-                        }}>
-                                  {moduleItem.key === 'redux'
-                            ? t('settings.notConnectedBadge')
-                            : t('settings.notDetectedBadge')}
+                              </react_native_1.View>:d?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.amber500}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.amber500}35`}}>
+                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.amber700,letterSpacing:.3}}>
+                                  {e.key==="redux"?o("settings.notConnectedBadge"):o("settings.notDetectedBadge")}
                                 </react_native_1.Text>
-                              </react_native_1.View>) : isChecked ? (<react_native_1.View style={{
-                            backgroundColor: `${AppColors_1.AppColors.liveGreen}18`,
-                            borderRadius: 4,
-                            paddingHorizontal: 5,
-                            paddingVertical: 1.5,
-                            borderWidth: 1,
-                            borderColor: `${AppColors_1.AppColors.liveGreen}38`,
-                        }}>
-                                <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 8,
-                            lineHeight: 11,
-                            color: AppColors_1.AppColors.green700,
-                            letterSpacing: 0.3,
-                        }}>
-                                  {t('settings.activeBadge')}
+                              </react_native_1.View>:a?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.liveGreen}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.liveGreen}38`}}>
+                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.green700,letterSpacing:.3}}>
+                                  {o("settings.activeBadge")}
                                 </react_native_1.Text>
-                              </react_native_1.View>) : (<react_native_1.View style={{
-                            backgroundColor: `${AppColors_1.AppColors.grayTextWeak}18`,
-                            borderRadius: 4,
-                            paddingHorizontal: 5,
-                            paddingVertical: 1.5,
-                            borderWidth: 1,
-                            borderColor: `${AppColors_1.AppColors.grayTextWeak}2E`,
-                        }}>
-                                <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 8,
-                            lineHeight: 11,
-                            color: AppColors_1.AppColors.grayTextWeak,
-                            letterSpacing: 0.3,
-                        }}>
-                                  {t('settings.dormantBadge')}
+                              </react_native_1.View>:<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.grayTextWeak}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.grayTextWeak}2E`}}>
+                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.3}}>
+                                  {o("settings.dormantBadge")}
                                 </react_native_1.Text>
-                              </react_native_1.View>)}
+                              </react_native_1.View>}
                           </react_native_1.View>
 
-                          <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interRegular,
-                        fontSize: 11,
-                        color: AppColors_1.AppColors.grayText,
-                        lineHeight: 15,
-                        marginTop: 1,
-                    }}>
-                            {moduleItem.desc}
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,lineHeight:15,marginTop:1}}>
+                            {e.desc}
                           </react_native_1.Text>
                         </react_native_1.View>
                       </TouchableScale_1.default>
                     </react_native_1.View>
 
                     
-                    {!isUnavailable && (<react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            paddingTop: 8,
-                            borderTopWidth: 1,
-                            borderTopColor: AppColors_1.AppColors.dividerColor,
-                        }}>
+                    {!d&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor}}>
                         
-                        <react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: 6,
-                            flex: 1,
-                        }}>
-                          <react_native_1.View style={{
-                            width: 6,
-                            height: 6,
-                            borderRadius: 3,
-                            backgroundColor: isChecked
-                                ? AppColors_1.AppColors.liveGreen
-                                : AppColors_1.AppColors.grayTextWeak,
-                        }}/>
-                          <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interMedium,
-                            fontSize: 11,
-                            color: AppColors_1.AppColors.grayText,
-                            lineHeight: 14,
-                        }}>
-                            {liveStats}
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
+                          <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:a?AppColors_1.AppColors.liveGreen:AppColors_1.AppColors.grayTextWeak}}/>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText,lineHeight:14}}>
+                            {_e}
                           </react_native_1.Text>
                         </react_native_1.View>
 
                         
-                        <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={`Configure ${moduleItem.label} settings`} onPress={() => {
-                            (0, InspectorContext_1.animateNextLayout)();
-                            setSettingsPage(moduleItem.key);
-                        }} style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: 5,
-                            backgroundColor: `${AppColors_1.AppColors.purple}12`,
-                            paddingHorizontal: 10,
-                            paddingVertical: 5,
-                            borderRadius: 8,
-                            borderWidth: 1,
-                            borderColor: `${AppColors_1.AppColors.purple}26`,
-                        }}>
-                          <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.purple} size={11}/>
-                          <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 11,
-                            lineHeight: 14,
-                            color: AppColors_1.AppColors.purple,
-                        }}>
-                            {t('settings.configure')}
+                        <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Configure ${e.label} settings`}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),s(e.key)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.purple}12`,paddingHorizontal:10,paddingVertical:5,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}26`}}>
+                          <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.purple}size={11}/>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.purple}}>
+                            {o("settings.configure")}
                           </react_native_1.Text>
-                          <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.purple} size={9}/>
+                          <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.purple}size={9}/>
                         </TouchableScale_1.default>
-                      </react_native_1.View>)}
-                  </react_native_1.View>);
-            })}
+                      </react_native_1.View>}
+                  </react_native_1.View>})}
             </react_native_1.View>
-          </react_native_1.View>)}
+          </react_native_1.View>}
 
-        {settingsActiveSubTab === 'ui' && (<react_native_1.View style={{ gap: 14 }}>
+        {l==="ui"&&<react_native_1.View style={{gap:14}}>
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 12,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                {t('settings.appearanceTheme')}
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
+                {o("settings.appearanceTheme")}
               </react_native_1.Text>
 
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            }}>
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 10,
-                flex: 1,
-            }}>
-                  <react_native_1.View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                    {isDark ? (<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.purple} size={15}/>) : (<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple} size={15}/>)}
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
+                  <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+                    {v?<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.purple}size={15}/>:<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple}size={15}/>}
                   </react_native_1.View>
-                  <react_native_1.View style={{ flex: 1 }}>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                      {t('settings.general.darkMode')}
+                  <react_native_1.View style={{flex:1}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                      {o("settings.general.darkMode")}
                     </react_native_1.Text>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                      {t('settings.general.darkModeDescription')}
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                      {o("settings.general.darkModeDescription")}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={true} accessibilityRole="switch" accessibilityLabel="Toggle Dark Theme" accessibilityState={{ checked: isDark }} onPress={() => {
-                const newTheme = !isDark;
-                setIsDark(newTheme);
-                (0, styles_1.toggleGlobalTheme)(newTheme);
-            }} style={{
-                width: 42,
-                height: 24,
-                borderRadius: 12,
-                backgroundColor: isDark
-                    ? AppColors_1.AppColors.purple
-                    : AppColors_1.AppColors.grayBorderSecondary,
-                padding: 2,
-                justifyContent: 'center',
-                alignItems: isDark ? 'flex-end' : 'flex-start',
-            }}>
-                  <react_native_1.View style={{
-                width: 20,
-                height: 20,
-                borderRadius: 10,
-                backgroundColor: AppColors_1.AppColors.white,
-                shadowColor: AppColors_1.AppColors.black,
-                shadowOpacity: 0.18,
-                shadowRadius: 2,
-                shadowOffset: { width: 0, height: 1 },
-            }}/>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:v}}onPress={()=>{const e=!v;X(e),(0,styles_1.toggleGlobalTheme)(e)}}style={{width:42,height:24,borderRadius:12,backgroundColor:v?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:v?"flex-end":"flex-start"}}>
+                  <react_native_1.View style={{width:20,height:20,borderRadius:10,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
             </react_native_1.View>
 
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 14,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                {t('settings.windowLayout')}
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:14}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
+                {o("settings.windowLayout")}
               </react_native_1.Text>
 
               
-              <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                gap: 10,
-            }}>
-                  <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 10,
-                flex: 1,
-            }}>
-                    <react_native_1.View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                      <NetworkIcons_1.ScreenIcon color={AppColors_1.AppColors.purple} size={15}/>
+              <react_native_1.View style={{gap:8}}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10}}>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
+                    <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+                      <NetworkIcons_1.ScreenIcon color={AppColors_1.AppColors.purple}size={15}/>
                     </react_native_1.View>
-                    <react_native_1.View style={{ flex: 1 }}>
-                      <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                        {t('settings.general.modalHeight')}
+                    <react_native_1.View style={{flex:1}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                        {o("settings.general.modalHeight")}
                       </react_native_1.Text>
-                      <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                        {t('settings.general.modalHeightDescription')}
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                        {o("settings.general.modalHeightDescription")}
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  {stagedHeight !== modalHeightPercent && (<TouchableScale_1.default onPress={() => {
-                    setModalHeightPercent(stagedHeight);
-                }} style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                    backgroundColor: AppColors_1.AppColors.purple,
-                    paddingHorizontal: 10,
-                    paddingVertical: 5,
-                    borderRadius: 7,
-                    shadowColor: AppColors_1.AppColors.purple,
-                    shadowOffset: { width: 0, height: 1 },
-                    shadowOpacity: 0.28,
-                    shadowRadius: 2,
-                    elevation: 2,
-                }}>
-                      <NetworkIcons_1.CheckIcon size={11} color={AppColors_1.AppColors.white}/>
-                      <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 11,
-                    color: AppColors_1.AppColors.white,
-                }}>
-                        Save ({stagedHeight}%)
+                  {S!==T&&<TouchableScale_1.default onPress={()=>{Y(S)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:10,paddingVertical:5,borderRadius:7,shadowColor:AppColors_1.AppColors.purple,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2,elevation:2}}>
+                      <NetworkIcons_1.CheckIcon size={11}color={AppColors_1.AppColors.white}/>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white}}>
+                        Save ({S}%)
                       </react_native_1.Text>
-                    </TouchableScale_1.default>)}
+                    </TouchableScale_1.default>}
                 </react_native_1.View>
 
-                <react_native_1.View style={{ marginTop: 6 }}>
-                  <Slider_1.default value={stagedHeight} onValueChange={setStagedHeight} min={50} max={90} step={5} quickPresets={[50, 60, 70, 80, 90]} formatLabel={val => `${Math.round(val)}%`}/>
+                <react_native_1.View style={{marginTop:6}}>
+                  <Slider_1.default value={S}onValueChange={G}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={e=>`${Math.round(e)}%`}/>
                 </react_native_1.View>
               </react_native_1.View>
 
-              <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
+              <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
 
               
-              <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 10,
-            }}>
-                  <react_native_1.View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                    <NetworkIcons_1.MotionIcon color={AppColors_1.AppColors.purple} size={15}/>
+              <react_native_1.View style={{gap:8}}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+                  <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+                    <NetworkIcons_1.MotionIcon color={AppColors_1.AppColors.purple}size={15}/>
                   </react_native_1.View>
-                  <react_native_1.View style={{ flex: 1 }}>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                      {t('settings.general.modalAnimation')}
+                  <react_native_1.View style={{flex:1}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                      {o("settings.general.modalAnimation")}
                     </react_native_1.Text>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                      {t('settings.general.modalAnimationDescription')}
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                      {o("settings.general.modalAnimationDescription")}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                backgroundColor: AppColors_1.AppColors.grayBackground,
-                borderRadius: 10,
-                padding: 3,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.dividerColor,
-            }}>
-                  {[
-                { key: 'slide', label: 'Slide Up' },
-                { key: 'fade', label: 'Fade' },
-                { key: 'none', label: 'None' },
-            ].map(opt => {
-                const isActive = modalAnimationType === opt.key;
-                return (<TouchableScale_1.default key={opt.key} accessible={true} accessibilityRole="button" accessibilityLabel={`Set transition animation to ${opt.label}`} accessibilityState={{ selected: isActive }} onPress={() => setModalAnimationType(opt.key)} style={{
-                        flex: 1,
-                        paddingVertical: 7,
-                        alignItems: 'center',
-                        borderRadius: 8,
-                        backgroundColor: isActive
-                            ? AppColors_1.AppColors.purple
-                            : 'transparent',
-                    }}>
-                        <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11.5,
-                        lineHeight: 15,
-                        color: isActive
-                            ? AppColors_1.AppColors.white
-                            : AppColors_1.AppColors.grayText,
-                    }}>
-                          {opt.label}
+                <react_native_1.View style={{flexDirection:"row",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,padding:3,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
+                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(e=>{const i=Z===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${e.label}`}accessibilityState={{selected:i}}onPress={()=>ee(e.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:i?AppColors_1.AppColors.purple:"transparent"}}>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:i?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
+                          {e.label}
                         </react_native_1.Text>
-                      </TouchableScale_1.default>);
-            })}
+                      </TouchableScale_1.default>})}
                 </react_native_1.View>
               </react_native_1.View>
             </react_native_1.View>
 
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 12,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                {t('settings.startupDefault')}
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
+                {o("settings.startupDefault")}
               </react_native_1.Text>
 
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 10,
-            }}>
-                <react_native_1.View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                  <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple} size={15}/>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+                <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+                  <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={15}/>
                 </react_native_1.View>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                    {t('settings.general.defaultOpeningTab')}
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                    {o("settings.general.defaultOpeningTab")}
                   </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                    {t('settings.general.defaultOpeningTabDesc')}
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                    {o("settings.general.defaultOpeningTabDesc")}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
 
               
-              <react_native_1.View style={{ marginTop: 6, gap: 6 }}>
-                <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={`Default opening tab: ${allModules.find(m => m.key === defaultTab)?.label || 'APIs'}`} onPress={() => setIsDefaultTabDropdownOpen(prev => !prev)} style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                backgroundColor: AppColors_1.AppColors.grayBackground,
-                borderRadius: 10,
-                borderWidth: 1.5,
-                borderColor: isDefaultTabDropdownOpen
-                    ? AppColors_1.AppColors.purple
-                    : AppColors_1.AppColors.grayBorderSecondary,
-                paddingHorizontal: 14,
-                paddingVertical: 11,
-            }}>
-                  <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 10,
-                flex: 1,
-            }}>
-                    <react_native_1.View style={{
-                width: 8,
-                height: 8,
-                borderRadius: 4,
-                backgroundColor: AppColors_1.AppColors.purple,
-            }}/>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                      {allModules.find(m => m.key === defaultTab)
-                ? `#${allModules.find(m => m.key === defaultTab)?.id} ${allModules.find(m => m.key === defaultTab)?.label}`
-                : '#1 APIs (Network)'}
+              <react_native_1.View style={{marginTop:6,gap:6}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${h.find(e=>e.key===x)?.label||"APIs"}`}onPress={()=>U(e=>!e)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:E?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
+                    <react_native_1.View style={{width:8,height:8,borderRadius:4,backgroundColor:AppColors_1.AppColors.purple}}/>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                      {h.find(e=>e.key===x)?`#${h.find(e=>e.key===x)?.id} ${h.find(e=>e.key===x)?.label}`:"#1 APIs (Network)"}
                     </react_native_1.Text>
-                    <react_native_1.View style={{
-                backgroundColor: `${AppColors_1.AppColors.purple}14`,
-                paddingHorizontal: 6,
-                paddingVertical: 1.5,
-                borderRadius: 6,
-            }}>
-                      <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 8.5,
-                color: AppColors_1.AppColors.purple,
-            }}>
+                    <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:6,paddingVertical:1.5,borderRadius:6}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple}}>
                         DEFAULT
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  <react_native_1.View style={{
-                transform: [
-                    { rotate: isDefaultTabDropdownOpen ? '180deg' : '0deg' },
-                ],
-            }}>
-                    <NetworkIcons_1.ChevronDownIcon color={AppColors_1.AppColors.grayText} size={15}/>
+                  <react_native_1.View style={{transform:[{rotate:E?"180deg":"0deg"}]}}>
+                    <NetworkIcons_1.ChevronDownIcon color={AppColors_1.AppColors.grayText}size={15}/>
                   </react_native_1.View>
                 </TouchableScale_1.default>
 
                 
-                {isDefaultTabDropdownOpen && (<react_native_1.View style={{
-                    backgroundColor: AppColors_1.AppColors.primaryLight,
-                    borderRadius: 10,
-                    borderWidth: 1,
-                    borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                    overflow: 'hidden',
-                    shadowColor: AppColors_1.AppColors.black,
-                    shadowOpacity: 0.08,
-                    shadowRadius: 6,
-                    shadowOffset: { width: 0, height: 3 },
-                    elevation: 4,
-                }}>
-                    {allModules
-                    .filter(tab => tab.key === 'apis' ||
-                    stagedTabVisibility?.[tab.key] ||
-                    tabVisibility?.[tab.key])
-                    .map((tab, idx, arr) => {
-                    const isActive = defaultTab === tab.key;
-                    const isLast = idx === arr.length - 1;
-                    return (<TouchableScale_1.default key={tab.key} accessible={true} accessibilityRole="button" accessibilityLabel={`Select ${tab.label} as default tab`} onPress={() => {
-                            setDefaultTab(tab.key);
-                            setIsDefaultTabDropdownOpen(false);
-                        }} style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            paddingHorizontal: 14,
-                            paddingVertical: 11,
-                            backgroundColor: isActive
-                                ? `${AppColors_1.AppColors.purple}0F`
-                                : 'transparent',
-                            borderBottomWidth: isLast ? 0 : 1,
-                            borderBottomColor: AppColors_1.AppColors.dividerColor,
-                        }}>
-                            <react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: 10,
-                        }}>
-                              <react_native_1.View style={{
-                            width: 6,
-                            height: 6,
-                            borderRadius: 3,
-                            backgroundColor: isActive
-                                ? AppColors_1.AppColors.purple
-                                : AppColors_1.AppColors.grayTextWeak,
-                        }}/>
-                              <react_native_1.Text style={{
-                            fontFamily: isActive
-                                ? AppFonts_1.AppFonts.interBold
-                                : AppFonts_1.AppFonts.interMedium,
-                            fontSize: 13,
-                            color: isActive
-                                ? AppColors_1.AppColors.purple
-                                : AppColors_1.AppColors.primaryBlack,
-                        }}>
-                                #{tab.id} {tab.label}
+                {E&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",shadowColor:AppColors_1.AppColors.black,shadowOpacity:.08,shadowRadius:6,shadowOffset:{width:0,height:3},elevation:4}}>
+                    {h.filter(e=>e.key==="apis"||w?.[e.key]||r?.[e.key]).map((e,i,C)=>{const d=x===e.key,b=i===C.length-1;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${e.label} as default tab`}onPress={()=>{Q(e.key),U(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:d?`${AppColors_1.AppColors.purple}0F`:"transparent",borderBottomWidth:b?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+                            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+                              <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:d?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}}/>
+                              <react_native_1.Text style={{fontFamily:d?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interMedium,fontSize:13,color:d?AppColors_1.AppColors.purple:AppColors_1.AppColors.primaryBlack}}>
+                                #{e.id} {e.label}
                               </react_native_1.Text>
                             </react_native_1.View>
-                            {isActive && (<NetworkIcons_1.CheckIcon size={14} color={AppColors_1.AppColors.purple}/>)}
-                          </TouchableScale_1.default>);
-                })}
-                  </react_native_1.View>)}
+                            {d&&<NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.purple}/>}
+                          </TouchableScale_1.default>})}
+                  </react_native_1.View>}
               </react_native_1.View>
             </react_native_1.View>
 
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 12,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
                 NOTIFICATIONS & TOASTS
               </react_native_1.Text>
 
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            }}>
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 10,
-                flex: 1,
-                marginRight: 10,
-            }}>
-                  <react_native_1.View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                    <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.purple} size={15}/>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1,marginRight:10}}>
+                  <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+                    <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.purple}size={15}/>
                   </react_native_1.View>
-                  <react_native_1.View style={{ flex: 1 }}>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
+                  <react_native_1.View style={{flex:1}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
                       NPM Update Toast
                     </react_native_1.Text>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
                       Show a floating toast banner with countdown progress when
                       a newer release is published on npm.
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={true} accessibilityRole="switch" accessibilityLabel="Toggle NPM Update Toast" accessibilityState={{ checked: showUpdateToast }} onPress={() => setShowUpdateToast(prev => !prev)} style={{
-                width: 42,
-                height: 24,
-                borderRadius: 12,
-                backgroundColor: showUpdateToast
-                    ? AppColors_1.AppColors.purple
-                    : AppColors_1.AppColors.grayBorderSecondary,
-                padding: 2,
-                justifyContent: 'center',
-                alignItems: showUpdateToast ? 'flex-end' : 'flex-start',
-            }}>
-                  <react_native_1.View style={{
-                width: 20,
-                height: 20,
-                borderRadius: 10,
-                backgroundColor: AppColors_1.AppColors.white,
-                shadowColor: AppColors_1.AppColors.black,
-                shadowOpacity: 0.18,
-                shadowRadius: 2,
-                shadowOffset: { width: 0, height: 1 },
-            }}/>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:z}}onPress={()=>re(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:z?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:z?"flex-end":"flex-start"}}>
+                  <react_native_1.View style={{width:20,height:20,borderRadius:10,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
             </react_native_1.View>
-          </react_native_1.View>)}
+          </react_native_1.View>}
 
-        {settingsActiveSubTab === 'limits' && (<react_native_1.View style={{ gap: 14 }}>
+        {l==="limits"&&<react_native_1.View style={{gap:14}}>
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 12,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
                 DEVICE MEMORY & AUTO PROFILES
               </react_native_1.Text>
 
               
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            }}>
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 10,
-                flex: 1,
-            }}>
-                  <react_native_1.View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                    <NetworkIcons_1.BrainIcon color={AppColors_1.AppColors.purple} size={16}/>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
+                  <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+                    <NetworkIcons_1.BrainIcon color={AppColors_1.AppColors.purple}size={16}/>
                   </react_native_1.View>
-                  <react_native_1.View style={{ flex: 1 }}>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
+                  <react_native_1.View style={{flex:1}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
                       Auto-Calculate Limits from RAM
                     </react_native_1.Text>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                      Dynamically sets log limits according to available device memory
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                      Dynamically sets log limits according to available device
+                      memory
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={true} accessibilityRole="switch" accessibilityLabel="Toggle auto RAM limit calculation" accessibilityState={{ checked: isAutoRamLimitEnabled }} onPress={() => setIsAutoRamLimitEnabled(prev => !prev)} style={{
-                width: 42,
-                height: 24,
-                borderRadius: 12,
-                backgroundColor: isAutoRamLimitEnabled
-                    ? AppColors_1.AppColors.purple
-                    : AppColors_1.AppColors.grayBorderSecondary,
-                padding: 2,
-                justifyContent: 'center',
-                alignItems: isAutoRamLimitEnabled
-                    ? 'flex-end'
-                    : 'flex-start',
-            }}>
-                  <react_native_1.View style={{
-                width: 20,
-                height: 20,
-                borderRadius: 10,
-                backgroundColor: AppColors_1.AppColors.white,
-                shadowColor: AppColors_1.AppColors.black,
-                shadowOpacity: 0.18,
-                shadowRadius: 2,
-                shadowOffset: { width: 0, height: 1 },
-            }}/>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:c}}onPress={()=>pe(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:c?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:c?"flex-end":"flex-start"}}>
+                  <react_native_1.View style={{width:20,height:20,borderRadius:10,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
 
-              <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
+              <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
 
               
-              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
-                <react_native_1.View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: isAutoRamLimitEnabled
-                    ? `${AppColors_1.AppColors.purple}14`
-                    : AppColors_1.AppColors.grayBackground,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                  <NetworkIcons_1.SignalIcon color={isAutoRamLimitEnabled
-                ? AppColors_1.AppColors.purple
-                : AppColors_1.AppColors.grayTextWeak} size={15}/>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+                <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:c?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"}}>
+                  <NetworkIcons_1.SignalIcon color={c?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
                 </react_native_1.View>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: isAutoRamLimitEnabled
-                    ? AppColors_1.AppColors.primaryBlack
-                    : AppColors_1.AppColors.grayText,
-            }}>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:c?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayText}}>
                     Detected Available RAM
                   </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                    {deviceFreeRamMb} MB available on device
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                    {W} MB available on device
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.View style={{
-                paddingHorizontal: 10,
-                paddingVertical: 5,
-                borderRadius: 8,
-                backgroundColor: isAutoRamLimitEnabled
-                    ? `${AppColors_1.AppColors.purple}12`
-                    : AppColors_1.AppColors.grayBackground,
-                borderWidth: 1,
-                borderColor: isAutoRamLimitEnabled
-                    ? `${AppColors_1.AppColors.purple}26`
-                    : AppColors_1.AppColors.dividerColor,
-            }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 12,
-                lineHeight: 15,
-                color: isAutoRamLimitEnabled
-                    ? AppColors_1.AppColors.purple
-                    : AppColors_1.AppColors.grayText,
-            }}>
-                    {deviceFreeRamMb} MB
+                <react_native_1.View style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:c?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:c?`${AppColors_1.AppColors.purple}26`:AppColors_1.AppColors.dividerColor}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:15,color:c?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
+                    {W} MB
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
 
               
-              <react_native_1.View style={{
-                marginTop: 4,
-                paddingTop: 8,
-                borderTopWidth: 1,
-                borderTopColor: AppColors_1.AppColors.dividerColor,
-                gap: 6,
-            }}>
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.purple,
-            }}>
-                    Profile: {autoRamProfile.profileName}
-                  </react_native_1.Text>
-                  <react_native_1.View style={{
-                backgroundColor: isAutoRamLimitEnabled
-                    ? `${AppColors_1.AppColors.emerald500}18`
-                    : `${AppColors_1.AppColors.purple}18`,
-                paddingHorizontal: 7,
-                paddingVertical: 2.5,
-                borderRadius: 4,
-            }}>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 9.5,
-                color: isAutoRamLimitEnabled
-                    ? AppColors_1.AppColors.emerald500
-                    : AppColors_1.AppColors.purple,
-            }}>
-                      {isAutoRamLimitEnabled ? 'AUTO-TUNED' : 'MANUAL'}
+              <react_native_1.View style={{marginTop:4,paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,gap:6}}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:AppColors_1.AppColors.purple}}>
+                    Profile: {k.profileName}
+                  </react_native_1.Text>
+                  <react_native_1.View style={{backgroundColor:c?`${AppColors_1.AppColors.emerald500}18`:`${AppColors_1.AppColors.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:c?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.purple}}>
+                      {c?"AUTO-TUNED":"MANUAL"}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <react_native_1.View style={{ flexDirection: 'row', flexWrap: 'wrap', gap: 8, marginTop: 4 }}>
-                  {[
-                {
-                    label: 'APIs',
-                    value: isAutoRamLimitEnabled
-                        ? autoRamProfile.maxNetworkLogs
-                        : maxNetworkLogs,
-                    color: AppColors_1.AppColors.blue500,
-                },
-                {
-                    label: 'Logs',
-                    value: isAutoRamLimitEnabled
-                        ? autoRamProfile.maxConsoleLogs
-                        : maxConsoleLogs,
-                    color: AppColors_1.AppColors.sky500,
-                },
-                {
-                    label: 'Analytics',
-                    value: isAutoRamLimitEnabled
-                        ? autoRamProfile.maxAnalyticsEvents
-                        : maxAnalyticsEventsLimit,
-                    color: AppColors_1.AppColors.purple,
-                },
-                {
-                    label: 'Crash',
-                    value: isAutoRamLimitEnabled
-                        ? autoRamProfile.maxCrashRecords
-                        : maxCrashLogs,
-                    color: AppColors_1.AppColors.errorColor,
-                },
-            ].map(item => (<react_native_1.View key={item.label} style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 4,
-                    paddingHorizontal: 8,
-                    paddingVertical: 4,
-                    borderRadius: 6,
-                    backgroundColor: `${item.color}14`,
-                    borderWidth: 1,
-                    borderColor: `${item.color}33`,
-                }}>
-                      <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 10.5,
-                    lineHeight: 14,
-                    color: item.color,
-                }}>
-                        {item.label}:
+                <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
+                  {[{label:"APIs",value:c?k.maxNetworkLogs:D,color:AppColors_1.AppColors.blue500},{label:"Logs",value:c?k.maxConsoleLogs:P,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:c?k.maxAnalyticsEvents:j,color:AppColors_1.AppColors.purple},{label:"Crash",value:c?k.maxCrashRecords:q,color:AppColors_1.AppColors.errorColor}].map(e=><react_native_1.View key={e.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.color}14`,borderWidth:1,borderColor:`${e.color}33`}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,lineHeight:14,color:e.color}}>
+                        {e.label}:
                       </react_native_1.Text>
-                      <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 10.5,
-                    lineHeight: 14,
-                    color: item.color,
-                }}>
-                        {item.value} max
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,lineHeight:14,color:e.color}}>
+                        {e.value} max
                       </react_native_1.Text>
-                    </react_native_1.View>))}
+                    </react_native_1.View>)}
                 </react_native_1.View>
               </react_native_1.View>
             </react_native_1.View>
 
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 12,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
                 LOW MEMORY PRESSURE PROTECTION
               </react_native_1.Text>
 
-              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
-                <react_native_1.View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: `${AppColors_1.AppColors.emerald500}14`,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                  <NetworkIcons_1.ShieldAlertIcon color={AppColors_1.AppColors.emerald500} size={15}/>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+                <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.emerald500}14`,alignItems:"center",justifyContent:"center"}}>
+                  <NetworkIcons_1.ShieldAlertIcon color={AppColors_1.AppColors.emerald500}size={15}/>
                 </react_native_1.View>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
                     OS Memory Warning Guard
                   </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                    Automatically prunes in-memory buffers by 50% when the OS signals low memory
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                    Automatically prunes in-memory buffers by 50% when the OS
+                    signals low memory
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.View style={{
-                paddingHorizontal: 8,
-                paddingVertical: 3,
-                borderRadius: 6,
-                backgroundColor: `${AppColors_1.AppColors.emerald500}18`,
-            }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 10,
-                color: AppColors_1.AppColors.emerald500,
-            }}>
+                <react_native_1.View style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.emerald500}18`}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.emerald500}}>
                     ACTIVE
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
 
-              <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
+              <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
 
               
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                gap: 10,
-            }}>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10}}>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack}}>
                     Manual Memory Cleanup
                   </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,marginTop:1}}>
                     Prune older entries across all log stores and free RAM
                   </react_native_1.Text>
                 </react_native_1.View>
-                <TouchableScale_1.default onPress={() => {
-                const summary = (0, memoryManager_1.pruneAllLogs)('manual', 0.5);
-                (0, toast_1.showToast)(`Pruned ${summary.totalPruned} items from memory`);
-            }} style={{
-                backgroundColor: AppColors_1.AppColors.purple,
-                paddingHorizontal: 12,
-                paddingVertical: 8,
-                borderRadius: 8,
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 5,
-            }}>
-                  <NetworkIcons_1.TrashIcon size={13} color={AppColors_1.AppColors.white}/>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.white,
-            }}>
+                <TouchableScale_1.default onPress={()=>{const e=(0,memoryManager_1.pruneAllLogs)("manual",.5);(0,toast_1.showToast)(`Pruned ${e.totalPruned} items from memory`)}}style={{backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:12,paddingVertical:8,borderRadius:8,flexDirection:"row",alignItems:"center",gap:5}}>
+                  <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.white}/>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.white}}>
                     Prune Now
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
             </react_native_1.View>
-          </react_native_1.View>)}
-        {settingsActiveSubTab === 'capture' && (<react_native_1.View style={{ gap: 12 }}>
+          </react_native_1.View>}
+        {l==="capture"&&<react_native_1.View style={{gap:12}}>
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                padding: 16,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                gap: 12,
-            }}>
-              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
-                <react_native_1.View style={{
-                width: 36,
-                height: 36,
-                borderRadius: 10,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                  <NetworkIcons_1.CameraIcon color={AppColors_1.AppColors.purple} size={16}/>
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:12}}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+                <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+                  <NetworkIcons_1.CameraIcon color={AppColors_1.AppColors.purple}size={16}/>
                 </react_native_1.View>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 14,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                    {t('settings.media.screenshotCardTitle', 'Screenshot Capture Settings')}
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                    {o("settings.media.screenshotCardTitle","Screenshot Capture Settings")}
                   </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                    {t('settings.media.screenshotCardDesc', 'Image encoding format, compression quality and overlay auto-hide')}
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                    {o("settings.media.screenshotCardDesc","Image encoding format, compression quality and overlay auto-hide")}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
 
-              {renderSettingRow({
-                icon: <NetworkIcons_1.ImageIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.media.imageFormat', 'Image Format'),
-                description: t('settings.media.imageFormatDesc', 'Export formats (PNG lossless, JPEG lossy, WebP)'),
-                right: (<react_native_1.View style={{ flexDirection: 'row', gap: 4 }}>
-                    {['PNG', 'JPEG', 'WEBP'].map(fmt => (<react_native_1.View key={fmt} style={{
-                            paddingHorizontal: 8,
-                            paddingVertical: 4,
-                            borderRadius: 6,
-                            backgroundColor: fmt === 'PNG' ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}1A`,
-                        }}>
-                        <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 10,
-                            color: fmt === 'PNG' ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
-                        }}>
-                          {fmt}
+              {n({icon:<NetworkIcons_1.ImageIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.imageFormat","Image Format"),description:o("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<react_native_1.View style={{flexDirection:"row",gap:4}}>
+                    {["PNG","JPEG","WEBP"].map(e=><react_native_1.View key={e}style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:e==="PNG"?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}1A`}}>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:e==="PNG"?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                          {e}
                         </react_native_1.Text>
-                      </react_native_1.View>))}
-                  </react_native_1.View>),
-            })}
+                      </react_native_1.View>)}
+                  </react_native_1.View>})}
 
-              {renderSettingRow({
-                icon: <NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.media.autoHide', 'Auto-Hide Inspector During Capture'),
-                description: t('settings.media.autoHideDesc', 'Temporarily hides the inspector overlay during screen capture'),
-                isLast: true,
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 8,
-                        paddingVertical: 4,
-                        borderRadius: 6,
-                        backgroundColor: `${AppColors_1.AppColors.emerald500}26`,
-                    }}>
-                    <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 10,
-                        color: AppColors_1.AppColors.emerald500,
-                    }}>
-                      {t('settings.media.enabled', 'ON')}
+              {n({icon:<NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:o("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.emerald500}26`}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.emerald500}}>
+                      {o("settings.media.enabled","ON")}
                     </react_native_1.Text>
-                  </react_native_1.View>),
-            })}
+                  </react_native_1.View>})}
             </react_native_1.View>
 
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                padding: 16,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                gap: 12,
-            }}>
-              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
-                <react_native_1.View style={{
-                width: 36,
-                height: 36,
-                borderRadius: 10,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                  <NetworkIcons_1.VideoCameraIcon color={AppColors_1.AppColors.purple} size={16}/>
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:12}}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+                <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+                  <NetworkIcons_1.VideoCameraIcon color={AppColors_1.AppColors.purple}size={16}/>
                 </react_native_1.View>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 14,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                    {t('settings.media.videoCardTitle', 'Video Recording & GIF Conversion')}
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                    {o("settings.media.videoCardTitle","Video Recording & GIF Conversion")}
                   </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                    {t('settings.media.videoCardDesc', 'ReplayKit hardware encoding, frame capture fallback and GIF generation')}
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                    {o("settings.media.videoCardDesc","ReplayKit hardware encoding, frame capture fallback and GIF generation")}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
 
-              {renderSettingRow({
-                icon: <NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.media.audioMode', 'Audio Source'),
-                description: t('settings.media.audioModeDesc', 'Record video with muted, app audio, or microphone commentary'),
-                right: (<react_native_1.View style={{ flexDirection: 'row', gap: 4 }}>
-                    {['Muted', 'App', 'Mic'].map((aud, i) => (<react_native_1.View key={aud} style={{
-                            paddingHorizontal: 7,
-                            paddingVertical: 4,
-                            borderRadius: 6,
-                            backgroundColor: i === 0 ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}1A`,
-                        }}>
-                        <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 10,
-                            color: i === 0 ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
-                        }}>
-                          {aud}
+              {n({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:4}}>
+                    {["Muted","App","Mic"].map((e,i)=><react_native_1.View key={e}style={{paddingHorizontal:7,paddingVertical:4,borderRadius:6,backgroundColor:i===0?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}1A`}}>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:i===0?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                          {e}
                         </react_native_1.Text>
-                      </react_native_1.View>))}
-                  </react_native_1.View>),
-            })}
+                      </react_native_1.View>)}
+                  </react_native_1.View>})}
 
-              {renderSettingRow({
-                icon: <NetworkIcons_1.FilmIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.media.frameRate', 'Recording Frame Rate (FPS)'),
-                description: t('settings.media.frameRateDesc', 'Target video smoothness: 15, 24, 30, or 60 FPS'),
-                right: (<react_native_1.View style={{ flexDirection: 'row', gap: 4 }}>
-                    {['15', '24', '30', '60'].map(fps => (<react_native_1.View key={fps} style={{
-                            paddingHorizontal: 6,
-                            paddingVertical: 4,
-                            borderRadius: 6,
-                            backgroundColor: fps === '24' ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}1A`,
-                        }}>
-                        <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 10,
-                            color: fps === '24' ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
-                        }}>
-                          {fps}fps
+              {n({icon:<NetworkIcons_1.FilmIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.frameRate","Recording Frame Rate (FPS)"),description:o("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<react_native_1.View style={{flexDirection:"row",gap:4}}>
+                    {["15","24","30","60"].map(e=><react_native_1.View key={e}style={{paddingHorizontal:6,paddingVertical:4,borderRadius:6,backgroundColor:e==="24"?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}1A`}}>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:e==="24"?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                          {e}fps
                         </react_native_1.Text>
-                      </react_native_1.View>))}
-                  </react_native_1.View>),
-            })}
+                      </react_native_1.View>)}
+                  </react_native_1.View>})}
 
-              {renderSettingRow({
-                icon: <NetworkIcons_1.GifIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.media.gifAutoOpt', 'Auto GIF Optimization'),
-                description: t('settings.media.gifAutoOptDesc', 'Automatic palette reduction and frame skip for lightweight animated GIFs'),
-                isLast: true,
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 8,
-                        paddingVertical: 4,
-                        borderRadius: 6,
-                        backgroundColor: `${AppColors_1.AppColors.emerald500}26`,
-                    }}>
-                    <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 10,
-                        color: AppColors_1.AppColors.emerald500,
-                    }}>
+              {n({icon:<NetworkIcons_1.GifIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.gifAutoOpt","Auto GIF Optimization"),description:o("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.emerald500}26`}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.emerald500}}>
                       ON
                     </react_native_1.Text>
-                  </react_native_1.View>),
-            })}
-            </react_native_1.View>
-
-            
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 16,
-            }}>
-              {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: t('settings.media.purgeAll', 'Purge Captured Media Cache'),
-                description: t('settings.media.purgeAllDesc', 'Delete all local screenshots, screen recordings and converted GIFs'),
-                isLast: true,
-                onPress: () => {
-                    react_native_1.Alert.alert(t('settings.media.purgeConfirmTitle', 'Purge Media Storage?'), t('settings.media.purgeConfirmMessage', 'This will permanently delete all captured screenshots and videos from disk.'), [
-                        { text: t('common.cancel', 'Cancel'), style: 'cancel' },
-                        {
-                            text: t('settings.media.purgeCacheBtn', 'Purge All'),
-                            style: 'destructive',
-                            onPress: async () => {
-                                await capture_1.ScreenCapture.clearAllMedia();
-                                (0, toast_1.showToast)(t('settings.media.purgedSuccess', 'Media cache cleared successfully'));
-                            },
-                        },
-                    ]);
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 12,
-                        paddingVertical: 6,
-                        borderRadius: 8,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                    <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        lineHeight: 14,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                      {t('settings.media.purgeCacheBtn', 'Purge All')}
-                    </react_native_1.Text>
-                  </react_native_1.View>),
-            })}
-            </react_native_1.View>
-          </react_native_1.View>)}
-        {settingsActiveSubTab === 'about' && (<react_native_1.View style={{ gap: 14 }}>
-            
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 16,
-                gap: 12,
-            }}>
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            }}>
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 12,
-                flex: 1,
-            }}>
-                  <react_native_1.View style={{
-                width: 44,
-                height: 44,
-                borderRadius: 12,
-                backgroundColor: `${AppColors_1.AppColors.purple}1A`,
-                alignItems: 'center',
-                justifyContent: 'center',
-                borderWidth: 1,
-                borderColor: `${AppColors_1.AppColors.purple}33`,
-            }}>
-                    <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.purple} size={22}/>
-                  </react_native_1.View>
-                  <react_native_1.View style={{ flex: 1 }}>
-                    <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 8,
-                flexWrap: 'wrap',
-            }}>
-                      <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 15,
-                lineHeight: 20,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                        In-App Inspector
-                      </react_native_1.Text>
-                      <react_native_1.View style={{
-                backgroundColor: `${AppColors_1.AppColors.purple}18`,
-                paddingHorizontal: 7,
-                paddingVertical: 2,
-                borderRadius: 6,
-                borderWidth: 1,
-                borderColor: `${AppColors_1.AppColors.purple}33`,
-            }}>
-                        <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 10,
-                color: AppColors_1.AppColors.purple,
-            }}>
-                          v{constants_1.LIB_VERSION}
-                        </react_native_1.Text>
-                      </react_native_1.View>
-                      {updateAvailable ? (<react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 3,
-                    backgroundColor: '#F59E0B20',
-                    paddingHorizontal: 6,
-                    paddingVertical: 2,
-                    borderRadius: 6,
-                    borderWidth: 1,
-                    borderColor: '#F59E0B60',
-                }}>
-                          <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9.5,
-                    color: '#D97706',
-                }}>
-                            v{latestNpmVersion} Available
-                          </react_native_1.Text>
-                          <NetworkIcons_1.BoltIcon size={9} color="#D97706"/>
-                        </react_native_1.View>) : (<react_native_1.View style={{
-                    backgroundColor: `${AppColors_1.AppColors.emerald500}20`,
-                    paddingHorizontal: 6,
-                    paddingVertical: 2,
-                    borderRadius: 6,
-                    borderWidth: 1,
-                    borderColor: `${AppColors_1.AppColors.emerald500}50`,
-                }}>
-                          <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9.5,
-                    color: AppColors_1.AppColors.emerald600,
-                }}>
-                            Up to date
-                          </react_native_1.Text>
-                        </react_native_1.View>)}
-                    </react_native_1.View>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 2,
-            }}>
-                      react-native-inapp-inspector
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-              </react_native_1.View>
-
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11.5,
-                lineHeight: 16,
-                color: AppColors_1.AppColors.grayText,
-            }}>
-                High-performance in-app debugging, network logging, console inspection, performance profiling, storage viewer & telemetry diagnostics for React Native.
-              </react_native_1.Text>
-
-              {updateAvailable && (<TouchableScale_1.default onPress={() => {
-                    (0, helpers_1.copyToClipboard)('npm install react-native-inapp-inspector@latest', 'Install Command');
-                    (0, toast_1.showToast)('Copied npm upgrade command!');
-                }} style={{
-                    backgroundColor: AppColors_1.AppColors.purple,
-                    paddingVertical: 8,
-                    paddingHorizontal: 12,
-                    borderRadius: 8,
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    gap: 6,
-                }}>
-                  <NetworkIcons_1.BoltIcon size={12} color={AppColors_1.AppColors.white}/>
-                  <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 12,
-                    color: AppColors_1.AppColors.white,
-                }}>
-                    Copy Upgrade Command (v{latestNpmVersion})
-                  </react_native_1.Text>
-                </TouchableScale_1.default>)}
-            </react_native_1.View>
-
-            
-            <react_native_1.View style={{
-                flexDirection: 'row',
-                flexWrap: 'wrap',
-                gap: 8,
-            }}>
-              <TouchableScale_1.default onPress={() => {
-                react_native_1.Linking.openURL('https://github.com/vengatmacuser/react-native-inapp-inspector').catch(() => { });
-            }} style={{
-                flex: 1,
-                minWidth: '47%',
-                backgroundColor: `${AppColors_1.AppColors.purple}0F`,
-                borderRadius: 12,
-                borderWidth: 1,
-                borderColor: `${AppColors_1.AppColors.purple}30`,
-                paddingVertical: 10,
-                paddingHorizontal: 12,
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 8,
-            }}>
-                <NetworkIcons_1.GitHubIcon color={AppColors_1.AppColors.purple} size={18}/>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                    ⭐ Star on GitHub
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 9.5,
-                color: AppColors_1.AppColors.grayText,
-            }}>
-                    Support open source
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </TouchableScale_1.default>
-
-              <TouchableScale_1.default onPress={() => {
-                react_native_1.Linking.openURL('https://www.npmjs.com/package/react-native-inapp-inspector').catch(() => { });
-            }} style={{
-                flex: 1,
-                minWidth: '47%',
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 12,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                paddingVertical: 10,
-                paddingHorizontal: 12,
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 8,
-            }}>
-                <NetworkIcons_1.NpmIcon color="#CB3837" size={18}/>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                    NPM Registry
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 9.5,
-                color: AppColors_1.AppColors.grayText,
-            }}>
-                    Package repository
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </TouchableScale_1.default>
-
-              <TouchableScale_1.default onPress={() => {
-                react_native_1.Linking.openURL('https://github.com/vengatmacuser/react-native-inapp-inspector#readme').catch(() => { });
-            }} style={{
-                flex: 1,
-                minWidth: '47%',
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 12,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                paddingVertical: 10,
-                paddingHorizontal: 12,
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 8,
-            }}>
-                <react_native_1.Text style={{ fontSize: 16 }}>📖</react_native_1.Text>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                    Documentation
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 9.5,
-                color: AppColors_1.AppColors.grayText,
-            }}>
-                    Setup & API guide
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </TouchableScale_1.default>
-
-              <TouchableScale_1.default onPress={() => {
-                react_native_1.Linking.openURL('https://github.com/vengatmacuser/react-native-inapp-inspector/issues').catch(() => { });
-            }} style={{
-                flex: 1,
-                minWidth: '47%',
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 12,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                paddingVertical: 10,
-                paddingHorizontal: 12,
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 8,
-            }}>
-                <react_native_1.Text style={{ fontSize: 16 }}>🐞</react_native_1.Text>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                    Report Issue
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 9.5,
-                color: AppColors_1.AppColors.grayText,
-            }}>
-                    Bugs & feature requests
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </TouchableScale_1.default>
-
-              <TouchableScale_1.default onPress={() => {
-                react_native_1.Linking.openURL('https://github.com/vengatmacuser/react-native-inapp-inspector/releases').catch(() => { });
-            }} style={{
-                flex: 1,
-                minWidth: '47%',
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 12,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                paddingVertical: 10,
-                paddingHorizontal: 12,
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 8,
-            }}>
-                <react_native_1.Text style={{ fontSize: 16 }}>🏷️</react_native_1.Text>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                    Release Notes
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 9.5,
-                color: AppColors_1.AppColors.grayText,
-            }}>
-                    Version changelog
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </TouchableScale_1.default>
-
-              <TouchableScale_1.default onPress={() => {
-                const win = react_native_1.Dimensions.get('window');
-                const scr = react_native_1.Dimensions.get('screen');
-                const rnVer = react_native_1.Platform.constants?.reactNativeVersion;
-                const specsPayload = {
-                    package: {
-                        name: 'react-native-inapp-inspector',
-                        version: `v${constants_1.LIB_VERSION}`,
-                        latestNpmVersion: latestNpmVersion ? `v${latestNpmVersion}` : 'Checking...',
-                        license: 'MIT',
-                        repository: 'https://github.com/vengatmacuser/react-native-inapp-inspector',
-                    },
-                    hostApp: {
-                        name: (0, helpers_1.getAppName)(),
-                        bundleId: (0, helpers_1.getBundleIdentifier)(),
-                        versionAndBuild: (0, helpers_1.getAppVersionAndBuild)().formatted,
-                        buildVariant: __DEV__ ? 'Development (Debug)' : 'Production (Release)',
-                        metroConnected: (0, helpers_1.isLocalDebugEnvironment)(),
-                    },
-                    runtime: {
-                        reactNativeVersion: rnVer ? `${rnVer.major}.${rnVer.minor}.${rnVer.patch}` : '0.74+',
-                        reactVersion: react_1.default.version,
-                        jsEngine: Boolean(global?.HermesInternal) ? 'Hermes' : 'JavaScriptCore (JSC)',
-                        architecture: Boolean(global?.nativeFabricUIManager) ? 'Fabric (New Architecture)' : 'Paper (Legacy Bridge)',
-                        turboModules: Boolean(global?.__turboModuleProxy || global?.TurboModuleRegistry),
-                    },
-                    device: {
-                        platform: react_native_1.Platform.OS,
-                        osVersion: react_native_1.Platform.Version,
-                        deviceModel: react_native_1.Platform.constants?.Model || 'Unknown Device',
-                        windowDimensions: `${Math.round(win.width)}x${Math.round(win.height)} pt`,
-                        screenDimensions: `${Math.round(scr.width)}x${Math.round(scr.height)} pt`,
-                        pixelRatio: react_native_1.PixelRatio.get(),
-                        fontScale: react_native_1.PixelRatio.getFontScale(),
-                        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone || 'Unknown',
-                        locale: Intl.DateTimeFormat().resolvedOptions().locale || 'en',
-                    },
-                    storageAndCapabilities: {
-                        storageEngine: (0, settingsStore_1.isPersistentStorageAvailable)() ? 'MMKV (Fast Native Storage)' : 'In-Memory State',
-                        hasNativeModule: Boolean(global?.NativeInspectorModule || global?.__IN_APP_INSPECTOR_NATIVE__),
-                        reduxConnected: (0, reduxLogger_1.isReduxConnected)(),
-                        analyticsConnected: (0, analyticsLogger_2.isAnalyticsConnected)(),
-                    },
-                };
-                (0, helpers_1.copyToClipboard)(JSON.stringify(specsPayload, null, 2), 'Diagnostic Specifications');
-                (0, toast_1.showToast)('Copied full diagnostic specs to clipboard!');
-            }} style={{
-                flex: 1,
-                minWidth: '47%',
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 12,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                paddingVertical: 10,
-                paddingHorizontal: 12,
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 8,
-            }}>
-                <NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.purple} size={16}/>
-                <react_native_1.View style={{ flex: 1 }}>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                    Copy Specs JSON
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 9.5,
-                color: AppColors_1.AppColors.grayText,
-            }}>
-                    Diagnostics payload
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </TouchableScale_1.default>
-            </react_native_1.View>
-
-            
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 12,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                PACKAGE VERSION & UPGRADES
-              </react_native_1.Text>
-
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            }}>
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 10,
-                flex: 1,
-                marginRight: 8,
-            }}>
-                  <react_native_1.View style={{
-                width: 34,
-                height: 34,
-                borderRadius: 9,
-                backgroundColor: '#CB383715',
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                    <NetworkIcons_1.NpmIcon color="#CB3837" size={17}/>
-                  </react_native_1.View>
-                  <react_native_1.View style={{ flex: 1 }}>
-                    <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 6,
-            }}>
-                      <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 14,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                        v{constants_1.LIB_VERSION}
-                      </react_native_1.Text>
-                      {updateAvailable ? (<react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 3,
-                    backgroundColor: '#F59E0B20',
-                    paddingHorizontal: 6,
-                    paddingVertical: 1.5,
-                    borderRadius: 5,
-                    borderWidth: 1,
-                    borderColor: '#F59E0B60',
-                }}>
-                          <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9.5,
-                    color: '#D97706',
-                }}>
-                            v{latestNpmVersion} Available
-                          </react_native_1.Text>
-                          <NetworkIcons_1.BoltIcon size={9} color="#D97706"/>
-                        </react_native_1.View>) : (<react_native_1.View style={{
-                    backgroundColor: `${AppColors_1.AppColors.emerald500}20`,
-                    paddingHorizontal: 6,
-                    paddingVertical: 1.5,
-                    borderRadius: 5,
-                    borderWidth: 1,
-                    borderColor: `${AppColors_1.AppColors.emerald500}50`,
-                }}>
-                          <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9.5,
-                    color: AppColors_1.AppColors.emerald600,
-                }}>
-                            Up to date
-                          </react_native_1.Text>
-                        </react_native_1.View>)}
-                    </react_native_1.View>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                      {updateAvailable
-                ? `A newer release (v${latestNpmVersion}) is available on npm registry.`
-                : 'You are running the latest version from npm registry.'}
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-
-                <TouchableScale_1.default onPress={() => {
-                (0, helpers_1.copyToClipboard)('npm install react-native-inapp-inspector@latest', 'Install Command');
-                (0, toast_1.showToast)('Copied npm install command!');
-            }} style={{
-                backgroundColor: updateAvailable ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}18`,
-                paddingVertical: 7,
-                paddingHorizontal: 11,
-                borderRadius: 8,
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 5,
-            }}>
-                  <NetworkIcons_1.CopyIcon color={updateAvailable ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple} size={12}/>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                color: updateAvailable ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
-            }}>
-                    {updateAvailable ? 'Copy Upgrade' : 'Copy Install'}
-                  </react_native_1.Text>
-                </TouchableScale_1.default>
-              </react_native_1.View>
+                  </react_native_1.View>})}
             </react_native_1.View>
 
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 14,
-                gap: 10,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                HOST APPLICATION & BUILD
-              </react_native_1.Text>
-
-              <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Application Name
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {(0, helpers_1.getAppName)()}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Bundle ID / Package
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11, color: AppColors_1.AppColors.primaryBlack }}>
-                    {(0, helpers_1.getBundleIdentifier)()}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Version & Build Number
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {(0, helpers_1.getAppVersionAndBuild)().formatted}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Build Variant
-                  </react_native_1.Text>
-                  <react_native_1.View style={{
-                backgroundColor: __DEV__ ? `${AppColors_1.AppColors.amber500}20` : `${AppColors_1.AppColors.emerald500}20`,
-                paddingHorizontal: 6,
-                paddingVertical: 1.5,
-                borderRadius: 5,
-                borderWidth: 1,
-                borderColor: __DEV__ ? `${AppColors_1.AppColors.amber500}50` : `${AppColors_1.AppColors.emerald500}50`,
-            }}>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 10,
-                color: __DEV__ ? AppColors_1.AppColors.amber500 : AppColors_1.AppColors.emerald600,
-            }}>
-                      {__DEV__ ? 'Development (Debug)' : 'Production (Release)'}
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
+              {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.media.purgeAll","Purge Captured Media Cache"),description:o("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{react_native_1.Alert.alert(o("settings.media.purgeConfirmTitle","Purge Media Storage?"),o("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:o("common.cancel","Cancel"),style:"cancel"},{text:o("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),(0,toast_1.showToast)(o("settings.media.purgedSuccess","Media cache cleared successfully"))}}])},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
+                      {o("settings.media.purgeCacheBtn","Purge All")}
                     </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Metro Bundler Connection
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: (0, helpers_1.isLocalDebugEnvironment)() ? AppColors_1.AppColors.emerald600 : AppColors_1.AppColors.grayText,
-            }}>
-                    {(0, helpers_1.isLocalDebugEnvironment)() ? 'Connected (Hot Reload Active)' : 'Offline / Standalone'}
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </react_native_1.View>
-            </react_native_1.View>
-
-            
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 14,
-                gap: 10,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                FRAMEWORK & RUNTIME ENGINE
-              </react_native_1.Text>
-
-              <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    React Native Version
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    v{(react_native_1.Platform.constants?.reactNativeVersion?.major != null)
-                ? `${react_native_1.Platform.constants.reactNativeVersion.major}.${react_native_1.Platform.constants.reactNativeVersion.minor}.${react_native_1.Platform.constants.reactNativeVersion.patch}`
-                : '0.74+'}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    React Core Version
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    v{react_1.default.version}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    JavaScript Engine
-                  </react_native_1.Text>
-                  <react_native_1.View style={{
-                backgroundColor: `${AppColors_1.AppColors.purple}15`,
-                paddingHorizontal: 6,
-                paddingVertical: 1.5,
-                borderRadius: 5,
-                borderWidth: 1,
-                borderColor: `${AppColors_1.AppColors.purple}40`,
-            }}>
-                    <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 10.5, color: AppColors_1.AppColors.purple }}>
-                      {Boolean(global?.HermesInternal) ? 'Hermes Engine (Active)' : 'JavaScriptCore (JSC)'}
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Rendering Architecture
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Boolean(global?.nativeFabricUIManager) ? 'Fabric (New Architecture)' : 'Paper (Legacy Bridge)'}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    TurboModules Support
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Boolean(global?.__turboModuleProxy || global?.TurboModuleRegistry)
-                ? 'Enabled (C++ JSI)'
-                : 'Standard Bridge'}
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </react_native_1.View>
-            </react_native_1.View>
-
-            
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 14,
-                gap: 10,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                DEVICE & DISPLAY METRICS
-              </react_native_1.Text>
-
-              <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Operating System
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {react_native_1.Platform.OS === 'ios' ? 'Apple iOS' : react_native_1.Platform.OS === 'android' ? 'Google Android' : react_native_1.Platform.OS}{' '}
-                    {react_native_1.Platform.Version}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Device Hardware Model
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {react_native_1.Platform.constants?.Model ||
-                (react_native_1.Platform.OS === 'ios' ? 'Apple Device' : 'Android Device')}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Window Viewport (Points)
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Math.round(react_native_1.Dimensions.get('window').width)} × {Math.round(react_native_1.Dimensions.get('window').height)} pt
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Native Physical Resolution
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Math.round(react_native_1.Dimensions.get('screen').width * react_native_1.PixelRatio.get())} × {Math.round(react_native_1.Dimensions.get('screen').height * react_native_1.PixelRatio.get())} px
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Pixel Density & Font Scale
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {react_native_1.PixelRatio.get().toFixed(1)}x ({react_native_1.PixelRatio.get() >= 3 ? '@3x' : react_native_1.PixelRatio.get() >= 2 ? '@2x' : '@1x'}) • Font: {react_native_1.PixelRatio.getFontScale().toFixed(2)}x
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Timezone & Locale
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    {Intl.DateTimeFormat().resolvedOptions().timeZone || 'System'} ({Intl.DateTimeFormat().resolvedOptions().locale || 'en'})
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </react_native_1.View>
-            </react_native_1.View>
-
-            
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 14,
-                gap: 10,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                INSPECTOR STORAGE & CAPABILITIES
-              </react_native_1.Text>
-
-              <react_native_1.View style={{ gap: 8 }}>
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Storage Persistence Engine
-                  </react_native_1.Text>
-                  <react_native_1.View style={{
-                backgroundColor: (0, settingsStore_1.isPersistentStorageAvailable)() ? `${AppColors_1.AppColors.emerald500}18` : `${AppColors_1.AppColors.amber500}18`,
-                paddingHorizontal: 6,
-                paddingVertical: 1.5,
-                borderRadius: 5,
-                borderWidth: 1,
-                borderColor: (0, settingsStore_1.isPersistentStorageAvailable)() ? `${AppColors_1.AppColors.emerald500}50` : `${AppColors_1.AppColors.amber500}50`,
-            }}>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 10.5,
-                color: (0, settingsStore_1.isPersistentStorageAvailable)() ? AppColors_1.AppColors.emerald600 : AppColors_1.AppColors.amber500,
-            }}>
-                      {(0, settingsStore_1.isPersistentStorageAvailable)() ? 'MMKV Fast Native Storage' : 'In-Memory State'}
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Native Module Status
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11.5,
-                color: Boolean(global?.NativeInspectorModule) ? AppColors_1.AppColors.emerald600 : AppColors_1.AppColors.grayText,
-            }}>
-                    {Boolean(global?.NativeInspectorModule) ? 'Linked & Active' : 'JavaScript Only'}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Network Logger Interceptor
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.emerald600 }}>
-                    Active (XMLHttpRequest & Fetch Hooked)
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Redux & Analytics Watchers
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                    Redux: {(0, reduxLogger_1.isReduxConnected)() ? 'Connected' : 'Listening'} • Analytics: {(0, analyticsLogger_2.isAnalyticsConnected)() ? 'Connected' : 'Listening'}
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Crash & Exception Boundary
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.emerald600 }}>
-                    Global JS Exception Handler Active
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                    Memory Management
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.emerald600 }}>
-                    Dynamic Auto RAM Tiering Active
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </react_native_1.View>
-            </react_native_1.View>
-
-            
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 14,
-                gap: 8,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                LICENSE & CREDITS
-              </react_native_1.Text>
-
-              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                  License
-                </react_native_1.Text>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.emerald600 }}>
-                  MIT Permissive Open Source
-                </react_native_1.Text>
-              </react_native_1.View>
-
-              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                  Created & Maintained By
-                </react_native_1.Text>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11.5, color: AppColors_1.AppColors.primaryBlack }}>
-                  Vengateswaran
-                </react_native_1.Text>
-              </react_native_1.View>
-
-              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11.5, color: AppColors_1.AppColors.grayText }}>
-                  Repository
-                </react_native_1.Text>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 11, color: AppColors_1.AppColors.purple }}>
-                  github.com/vengatmacuser/react-native-inapp-inspector
-                </react_native_1.Text>
-              </react_native_1.View>
+                  </react_native_1.View>})}
             </react_native_1.View>
-          </react_native_1.View>)}
-        <react_native_1.View style={{ height: 48 }}/>
+          </react_native_1.View>}
+        <react_native_1.View style={{height:48}}/>
       </react_native_1.ScrollView>
 
       
-      {settingsActiveSubTab === 'module' && (<react_native_1.View style={{
-                paddingHorizontal: 16,
-                paddingTop: 12,
-                paddingBottom: react_native_1.Platform.OS === 'ios' ? 36 : 24,
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderTopWidth: 1,
-                borderTopColor: AppColors_1.AppColors.dividerColor,
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 12,
-                shadowColor: AppColors_1.AppColors.black,
-                shadowOpacity: 0.08,
-                shadowRadius: 8,
-                shadowOffset: { width: 0, height: -3 },
-                elevation: 8,
-            }}>
-          <react_native_1.View style={{ flex: 1 }}>
-            <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13,
-                lineHeight: 17,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-              {stagedActiveCount} of {allModules.length} Modules Active
+      {l==="module"&&<react_native_1.View style={{paddingHorizontal:16,paddingTop:12,paddingBottom:react_native_1.Platform.OS==="ios"?36:24,backgroundColor:AppColors_1.AppColors.primaryLight,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,flexDirection:"row",alignItems:"center",gap:12,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.08,shadowRadius:8,shadowOffset:{width:0,height:-3},elevation:8}}>
+          <react_native_1.View style={{flex:1}}>
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:AppColors_1.AppColors.primaryBlack}}>
+              {be} of {h.length} Modules Active
             </react_native_1.Text>
-            <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: hasUnsavedChanges
-                    ? AppColors_1.AppColors.purple
-                    : AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-              {hasUnsavedChanges
-                ? t('settings.unsavedPending')
-                : t('settings.allSynchronized')}
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:V?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText,marginTop:1}}>
+              {o(V?"settings.unsavedPending":"settings.allSynchronized")}
             </react_native_1.Text>
           </react_native_1.View>
 
-          <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel="Save Changes" onPress={handleSaveChanges} style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 6,
-                backgroundColor: hasUnsavedChanges
-                    ? AppColors_1.AppColors.purple
-                    : `${AppColors_1.AppColors.purple}22`,
-                paddingHorizontal: 18,
-                paddingVertical: 10,
-                borderRadius: 10,
-            }}>
-            <NetworkIcons_1.CheckIcon size={14} color={hasUnsavedChanges ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple}/>
-            <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13,
-                lineHeight: 17,
-                color: hasUnsavedChanges ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
-            }}>
-              {t('settings.saveChanges')}
+          <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={Ae}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:V?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
+            <NetworkIcons_1.CheckIcon size={14}color={V?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:V?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+              {o("settings.saveChanges")}
             </react_native_1.Text>
           </TouchableScale_1.default>
-        </react_native_1.View>)}
-    </react_native_1.View>);
-    let content = null;
-    let title = '';
-    let icon = null;
-    let rightInfo = '';
-    if (settingsPage === 'apis') {
-        title = t('settings.apis.title');
-        icon = <NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.white} size={16}/>;
-        rightInfo = t('settings.apis.total', { count: logs.length });
-        content = (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 16, paddingBottom: 100, gap: 12 }}>
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                padding: 16,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.apis.maxRequestLogs'),
-                description: t('settings.apis.maxRequestLogsDescription'),
-                numericInput: {
-                    value: maxNetworkLogs,
-                    onChange: setMaxNetworkLogs,
-                    min: 10,
-                    max: 100,
-                    placeholder: 'Enter max requests (10-100)',
-                },
-                isLast: true,
-            })}
+        </react_native_1.View>}
+    </react_native_1.View>;let A=null,_="",f=null,m="";t==="apis"?(_=o("settings.apis.title"),f=<NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.white}size={16}/>,m=o("settings.apis.total",{count:R.length}),A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary}}>
+          {n({icon:<NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.apis.maxRequestLogs"),description:o("settings.apis.maxRequestLogsDescription"),numericInput:{value:D,onChange:le,min:10,max:100,placeholder:"Enter max requests (10-100)"},isLast:!0})}
         </react_native_1.View>
 
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 16,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: t('settings.apis.clearNetworkLogs'),
-                description: t('settings.apis.clearNetworkLogsDescription', {
-                    count: logs.length,
-                }),
-                isLast: true,
-                onPress: () => {
-                    (0, networkLogger_1.clearNetworkLogs)();
-                    setSelected(null);
-                    react_native_1.Alert.alert(t('common.success'), t('settings.apis.networkLogsCleared'));
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 12,
-                        paddingVertical: 6,
-                        borderRadius: 8,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        lineHeight: 14,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                  {t('common.clear')}
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
+          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.apis.clearNetworkLogs"),description:o("settings.apis.clearNetworkLogsDescription",{count:R.length}),isLast:!0,onPress:()=>{(0,networkLogger_1.clearNetworkLogs)(),ge(null),react_native_1.Alert.alert(o("common.success"),o("settings.apis.networkLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
+                  {o("common.clear")}
                 </react_native_1.Text>
-              </react_native_1.View>),
-            })}
+              </react_native_1.View>})}
         </react_native_1.View>
-        <react_native_1.View style={{ height: 48 }}/>
-      </react_native_1.ScrollView>);
-    }
-    else if (settingsPage === 'logs') {
-        title = t('settings.logs.title');
-        icon = <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.white} size={16}/>;
-        rightInfo = t('settings.logs.total', { count: consoleLogs.length });
-        content = (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 16, paddingBottom: 100, gap: 12 }}>
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                padding: 16,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                gap: 4,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.logs.maxConsoleLogs'),
-                description: t('settings.logs.maxConsoleLogsDescription'),
-                numericInput: {
-                    value: maxConsoleLogs,
-                    onChange: setMaxConsoleLogs,
-                    min: 10,
-                    max: 100,
-                    placeholder: 'Enter max logs (10-100)',
-                },
-            })}
-          <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
-          <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13,
-                lineHeight: 17,
-                color: AppColors_1.AppColors.primaryBlack,
-                paddingTop: 6,
-            }}>
-            {t('settings.logs.logLevels')}
+        <react_native_1.View style={{height:48}}/>
+      </react_native_1.ScrollView>):t==="logs"?(_=o("settings.logs.title"),f=<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.white}size={16}/>,m=o("settings.logs.total",{count:I.length}),A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
+          {n({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:P,onChange:ne,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
+          <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
+          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:AppColors_1.AppColors.primaryBlack,paddingTop:6}}>
+            {o("settings.logs.logLevels")}
           </react_native_1.Text>
-          {['info', 'warn', 'error'].map(level => {
-                const isLvlActive = showConsoleLevels?.[level];
-                const levelColor = level === 'error'
-                    ? AppColors_1.AppColors.errorColor
-                    : level === 'warn'
-                        ? AppColors_1.AppColors.warningIconGold
-                        : AppColors_1.AppColors.skyBlue;
-                const label = level === 'info'
-                    ? t('settings.logs.showInfo')
-                    : level === 'warn'
-                        ? t('settings.logs.showWarn')
-                        : t('settings.logs.showError');
-                const desc = level === 'info'
-                    ? t('settings.logs.showInfoDesc')
-                    : level === 'warn'
-                        ? t('settings.logs.showWarnDesc')
-                        : t('settings.logs.showErrorDesc');
-                return renderSettingRow({
-                    icon: (<react_native_1.View style={{
-                            width: 12,
-                            height: 12,
-                            borderRadius: 6,
-                            backgroundColor: levelColor,
-                        }}/>),
-                    label,
-                    description: desc,
-                    isLast: level === 'error',
-                    onPress: () => setShowConsoleLevels(prev => ({
-                        ...prev,
-                        [level]: !prev[level],
-                    })),
-                    right: (<react_native_1.View style={{
-                            width: 22,
-                            height: 22,
-                            borderRadius: 6,
-                            borderWidth: 2,
-                            borderColor: isLvlActive
-                                ? AppColors_1.AppColors.purple
-                                : AppColors_1.AppColors.grayTextWeak,
-                            backgroundColor: isLvlActive
-                                ? `${AppColors_1.AppColors.purple}1A`
-                                : 'transparent',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                        }}>
-                  {isLvlActive && (<NetworkIcons_1.CheckIcon size={12} color={AppColors_1.AppColors.purple}/>)}
-                </react_native_1.View>),
-                });
-            })}
+          {["info","warn","error"].map(e=>{const i=te?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,d=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),b=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return n({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:d,description:b,isLast:e==="error",onPress:()=>ie(a=>({...a,[e]:!a[e]})),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:i?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:i?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                  {i&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
+                </react_native_1.View>})})}
         </react_native_1.View>
 
         
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 16,
-                gap: 14,
-            }}>
-          <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-            {t('settings.logFiltersDeduplication')}
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:16,gap:14}}>
+          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
+            {o("settings.logFiltersDeduplication")}
           </react_native_1.Text>
 
           
-          <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            }}>
-            <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 10,
-                flex: 1,
-            }}>
-              <react_native_1.View style={{
-                width: 32,
-                height: 32,
-                borderRadius: 8,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-                <NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple} size={15}/>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
+              <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+                <NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple}size={15}/>
               </react_native_1.View>
-              <react_native_1.View style={{ flex: 1 }}>
-                <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 13.5,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                  {t('settings.general.duplicateLogs')}
+              <react_native_1.View style={{flex:1}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                  {o("settings.general.duplicateLogs")}
                 </react_native_1.Text>
-                <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                  {t('settings.general.duplicateLogsDescription')}
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                  {o("settings.general.duplicateLogsDescription")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
 
-            <TouchableScale_1.default accessible={true} accessibilityRole="switch" accessibilityLabel="Toggle show duplicate logs" accessibilityState={{ checked: showDuplicateLogs }} onPress={() => setShowDuplicateLogs(prev => !prev)} style={{
-                width: 42,
-                height: 24,
-                borderRadius: 12,
-                backgroundColor: showDuplicateLogs
-                    ? AppColors_1.AppColors.purple
-                    : AppColors_1.AppColors.grayBorderSecondary,
-                padding: 2,
-                justifyContent: 'center',
-                alignItems: showDuplicateLogs ? 'flex-end' : 'flex-start',
-            }}>
-              <react_native_1.View style={{
-                width: 20,
-                height: 20,
-                borderRadius: 10,
-                backgroundColor: AppColors_1.AppColors.white,
-                shadowColor: AppColors_1.AppColors.black,
-                shadowOpacity: 0.18,
-                shadowRadius: 2,
-                shadowOffset: { width: 0, height: 1 },
-            }}/>
+            <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:F}}onPress={()=>oe(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:F?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:F?"flex-end":"flex-start"}}>
+              <react_native_1.View style={{width:20,height:20,borderRadius:10,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
             </TouchableScale_1.default>
           </react_native_1.View>
         </react_native_1.View>
 
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 16,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: t('settings.logs.clearConsoleLogs'),
-                description: t('settings.logs.clearConsoleLogsDescription', {
-                    count: consoleLogs.length,
-                }),
-                isLast: true,
-                onPress: () => {
-                    (0, consoleLogger_1.clearConsoleLogs)();
-                    react_native_1.Alert.alert(t('common.success'), t('settings.logs.consoleLogsCleared'));
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 12,
-                        paddingVertical: 6,
-                        borderRadius: 8,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        lineHeight: 14,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                  {t('common.clear')}
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
+          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.logs.clearConsoleLogs"),description:o("settings.logs.clearConsoleLogsDescription",{count:I.length}),isLast:!0,onPress:()=>{(0,consoleLogger_1.clearConsoleLogs)(),react_native_1.Alert.alert(o("common.success"),o("settings.logs.consoleLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
+                  {o("common.clear")}
                 </react_native_1.Text>
-              </react_native_1.View>),
-            })}
+              </react_native_1.View>})}
         </react_native_1.View>
-        <react_native_1.View style={{ height: 48 }}/>
-      </react_native_1.ScrollView>);
-    }
-    else if (settingsPage === 'analytics') {
-        title = t('settings.analytics.title');
-        icon = <NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.white} size={16}/>;
-        rightInfo = t('settings.analytics.total', { count: analyticsEvents.length });
-        content = (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 16, paddingBottom: 100, gap: 12 }}>
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                padding: 16,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.analytics.maxAnalyticsEvents'),
-                description: t('settings.analytics.maxAnalyticsEventsDescription', {
-                    count: analyticsEvents.length,
-                }),
-                numericInput: {
-                    value: maxAnalyticsEventsLimit,
-                    onChange: setMaxAnalyticsEventsLimit,
-                    min: 10,
-                    max: 75,
-                    placeholder: 'Enter max events (10-75)',
-                },
-                isLast: true,
-            })}
+        <react_native_1.View style={{height:48}}/>
+      </react_native_1.ScrollView>):t==="analytics"?(_=o("settings.analytics.title"),f=<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.white}size={16}/>,m=o("settings.analytics.total",{count:L.length}),A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary}}>
+          {n({icon:<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.analytics.maxAnalyticsEvents"),description:o("settings.analytics.maxAnalyticsEventsDescription",{count:L.length}),numericInput:{value:j,onChange:se,min:10,max:75,placeholder:"Enter max events (10-75)"},isLast:!0})}
         </react_native_1.View>
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 16,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: t('settings.analytics.clearAnalyticsEvents'),
-                description: t('settings.analytics.clearAnalyticsEventsDescription'),
-                isLast: true,
-                onPress: () => {
-                    (0, analyticsLogger_1.clearAnalyticsEvents)();
-                    setSelectedEvent(null);
-                    react_native_1.Alert.alert(t('common.success'), t('settings.analytics.analyticsEventsCleared'));
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 12,
-                        paddingVertical: 6,
-                        borderRadius: 8,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        lineHeight: 14,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                  {t('common.clear')}
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
+          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.analytics.clearAnalyticsEvents"),description:o("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{(0,analyticsLogger_1.clearAnalyticsEvents)(),ue(null),react_native_1.Alert.alert(o("common.success"),o("settings.analytics.analyticsEventsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
+                  {o("common.clear")}
                 </react_native_1.Text>
-              </react_native_1.View>),
-            })}
+              </react_native_1.View>})}
         </react_native_1.View>
-        <react_native_1.View style={{ height: 48 }}/>
-      </react_native_1.ScrollView>);
-    }
-    else if (settingsPage === 'redux') {
-        title = t('settings.redux.title');
-        icon = <NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.white} size={16}/>;
-        rightInfo = t('settings.redux.reducers', {
-            count: Object.keys(reduxState || {}).length,
-        });
-        content = (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 16, paddingBottom: 100, gap: 12 }}>
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                padding: 16,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                gap: 4,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.redux.autoRefresh'),
-                description: t('settings.redux.autoRefreshDescription'),
-                onPress: () => setReduxAutoRefreshState(prev => !prev),
-                right: (<react_native_1.View style={{
-                        width: 22,
-                        height: 22,
-                        borderRadius: 6,
-                        borderWidth: 2,
-                        borderColor: reduxAutoRefresh
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak,
-                        backgroundColor: reduxAutoRefresh
-                            ? `${AppColors_1.AppColors.purple}1A`
-                            : 'transparent',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                    }}>
-                {reduxAutoRefresh && (<NetworkIcons_1.CheckIcon size={12} color={AppColors_1.AppColors.purple}/>)}
-              </react_native_1.View>),
-            })}
-          <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.redux.defaultJsonExpandDepth'),
-                description: t('settings.redux.defaultJsonExpandDepthDescription'),
-                picker: {
-                    options: [1, 2, 3, 5],
-                    selectedValue: reduxExpandDepth,
-                    onSelect: setReduxExpandDepth,
-                },
-                isLast: true,
-            })}
+        <react_native_1.View style={{height:48}}/>
+      </react_native_1.ScrollView>):t==="redux"?(_=o("settings.redux.title"),f=<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.white}size={16}/>,m=o("settings.redux.reducers",{count:Object.keys(H||{}).length}),A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
+          {n({icon:<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.autoRefresh"),description:o("settings.redux.autoRefreshDescription"),onPress:()=>ce(e=>!e),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:$?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:$?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                {$&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
+              </react_native_1.View>})}
+          <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
+          {n({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.defaultJsonExpandDepth"),description:o("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:N,onSelect:de},isLast:!0})}
         </react_native_1.View>
 
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 16,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: t('settings.redux.clearReduxState'),
-                description: reduxState
-                    ? t('settings.redux.clearReduxStateDescription')
-                    : t('settings.redux.clearReduxStateEmpty'),
-                isLast: true,
-                onPress: () => {
-                    setReduxState(null);
-                    react_native_1.Alert.alert(t('common.success'), t('settings.redux.reduxStateCleared'));
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 12,
-                        paddingVertical: 6,
-                        borderRadius: 8,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        lineHeight: 14,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                  {t('common.clear')}
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
+          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.redux.clearReduxState"),description:o(H?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{ye(null),react_native_1.Alert.alert(o("common.success"),o("settings.redux.reduxStateCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
+                  {o("common.clear")}
                 </react_native_1.Text>
-              </react_native_1.View>),
-            })}
+              </react_native_1.View>})}
         </react_native_1.View>
-        <react_native_1.View style={{ height: 48 }}/>
-      </react_native_1.ScrollView>);
-    }
-    else if (settingsPage === 'crash') {
-        title = t('settings.crash.title');
-        icon = <NetworkIcons_1.CrashIcon color={AppColors_1.AppColors.white} size={16}/>;
-        rightInfo = `Total: ${crashRecords?.length || 0}`;
-        content = (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 16, paddingBottom: 100, gap: 12 }}>
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                padding: 16,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                gap: 4,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: t('settings.crash.maxCrashLogs'),
-                description: t('settings.crash.maxCrashLogsDesc'),
-                numericInput: {
-                    value: maxCrashLogs,
-                    onChange: setMaxCrashLogs,
-                    min: 5,
-                    max: 50,
-                    placeholder: 'Enter max crashes (5-50)',
-                },
-            })}
-          <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.ShieldAlertIcon color={AppColors_1.AppColors.greenColor} size={16}/>,
-                label: t('settings.crash.globalGuard'),
-                description: t('settings.crash.globalGuardDesc'),
-                isLast: true,
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 8,
-                        paddingVertical: 4,
-                        borderRadius: 6,
-                        backgroundColor: `${AppColors_1.AppColors.greenColor}1F`,
-                    }}>
-                <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 10,
-                        lineHeight: 13,
-                        color: AppColors_1.AppColors.greenColor,
-                    }}>
-                  {t('settings.protectedBadge')}
+        <react_native_1.View style={{height:48}}/>
+      </react_native_1.ScrollView>):t==="crash"?(_=o("settings.crash.title"),f=<NetworkIcons_1.CrashIcon color={AppColors_1.AppColors.white}size={16}/>,m=`Total: ${M?.length||0}`,A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
+          {n({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.crash.maxCrashLogs"),description:o("settings.crash.maxCrashLogsDesc"),numericInput:{value:q,onChange:Ce,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
+          <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
+          {n({icon:<NetworkIcons_1.ShieldAlertIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:o("settings.crash.globalGuard"),description:o("settings.crash.globalGuardDesc"),isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.greenColor}}>
+                  {o("settings.protectedBadge")}
                 </react_native_1.Text>
-              </react_native_1.View>),
-            })}
+              </react_native_1.View>})}
         </react_native_1.View>
 
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 16,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: t('settings.crash.clearHistory'),
-                description: t('settings.crash.clearHistoryDesc', {
-                    count: crashRecords?.length || 0,
-                }),
-                isLast: true,
-                onPress: () => {
-                    (0, crashHandler_1.clearCrashRecords)();
-                    react_native_1.Alert.alert(t('common.success'), t('settings.crash.historyCleared'));
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 12,
-                        paddingVertical: 6,
-                        borderRadius: 8,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        lineHeight: 14,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                  {t('common.clear')}
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
+          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.crash.clearHistory"),description:o("settings.crash.clearHistoryDesc",{count:M?.length||0}),isLast:!0,onPress:()=>{(0,crashHandler_1.clearCrashRecords)(),react_native_1.Alert.alert(o("common.success"),o("settings.crash.historyCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
+                  {o("common.clear")}
                 </react_native_1.Text>
-              </react_native_1.View>),
-            })}
+              </react_native_1.View>})}
         </react_native_1.View>
-        <react_native_1.View style={{ height: 48 }}/>
-      </react_native_1.ScrollView>);
-    }
-    else if (settingsPage === 'bundle') {
-        title = t('settings.bundle.title');
-        icon = <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.white} size={16}/>;
-        rightInfo = 'Metro';
-        content = (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 16, paddingBottom: 100, gap: 12 }}>
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                padding: 16,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                gap: 8,
-            }}>
-          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
-            <react_native_1.View style={{
-                width: 36,
-                height: 36,
-                borderRadius: 10,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-              <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.purple} size={16}/>
+        <react_native_1.View style={{height:48}}/>
+      </react_native_1.ScrollView>):t==="bundle"?(_=o("settings.bundle.title"),f=<NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.white}size={16}/>,m="Metro",A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8}}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+            <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+              <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.purple}size={16}/>
             </react_native_1.View>
-            <react_native_1.View style={{ flex: 1 }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 14,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                {t('settings.bundle.sourceBundler')}
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                {o("settings.bundle.sourceBundler")}
               </react_native_1.Text>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                {t('settings.bundle.sourceBundlerDesc')}
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                {o("settings.bundle.sourceBundlerDesc")}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
 
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 16,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: t('settings.bundle.clearCache'),
-                description: t('settings.bundle.clearCacheDesc'),
-                isLast: true,
-                onPress: () => {
-                    (0, bundleAnalyzer_1.clearCachedBundleAnalysis)();
-                    react_native_1.Alert.alert(t('common.success'), t('settings.bundle.cacheCleared'));
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 12,
-                        paddingVertical: 6,
-                        borderRadius: 8,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        lineHeight: 14,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                  {t('common.clear')}
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
+          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.bundle.clearCache"),description:o("settings.bundle.clearCacheDesc"),isLast:!0,onPress:()=>{(0,bundleAnalyzer_1.clearCachedBundleAnalysis)(),react_native_1.Alert.alert(o("common.success"),o("settings.bundle.cacheCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
+                  {o("common.clear")}
                 </react_native_1.Text>
-              </react_native_1.View>),
-            })}
+              </react_native_1.View>})}
         </react_native_1.View>
-        <react_native_1.View style={{ height: 48 }}/>
-      </react_native_1.ScrollView>);
-    }
-    else if (settingsPage === 'performance') {
-        title = t('settings.performance.title');
-        icon = <NetworkIcons_1.PerformanceIcon color={AppColors_1.AppColors.white} size={16}/>;
-        rightInfo = '60 FPS Target';
-        content = (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 16, paddingBottom: 100, gap: 12 }}>
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                padding: 16,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                gap: 8,
-            }}>
-          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
-            <react_native_1.View style={{
-                width: 36,
-                height: 36,
-                borderRadius: 10,
-                backgroundColor: AppColors_1.AppColors.purpleShade50,
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-              <NetworkIcons_1.PerformanceIcon color={AppColors_1.AppColors.purple} size={16}/>
+        <react_native_1.View style={{height:48}}/>
+      </react_native_1.ScrollView>):t==="performance"&&(_=o("settings.performance.title"),f=<NetworkIcons_1.PerformanceIcon color={AppColors_1.AppColors.white}size={16}/>,m="60 FPS Target",A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8}}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+            <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+              <NetworkIcons_1.PerformanceIcon color={AppColors_1.AppColors.purple}size={16}/>
             </react_native_1.View>
-            <react_native_1.View style={{ flex: 1 }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 14,
-                lineHeight: 18,
-                color: AppColors_1.AppColors.primaryBlack,
-            }}>
-                {t('settings.performance.frameMeasurement')}
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                {o("settings.performance.frameMeasurement")}
               </react_native_1.Text>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interRegular,
-                fontSize: 11,
-                lineHeight: 15,
-                color: AppColors_1.AppColors.grayText,
-                marginTop: 1,
-            }}>
-                {t('settings.performance.frameMeasurementDesc')}
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                {o("settings.performance.frameMeasurementDesc")}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
 
-        <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                padding: 16,
-            }}>
-          {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: t('settings.performance.clearEvents'),
-                description: t('settings.performance.clearEventsDesc'),
-                isLast: true,
-                onPress: () => {
-                    (0, performanceTracker_1.clearPerformanceEvents)();
-                    react_native_1.Alert.alert(t('common.success'), t('settings.performance.eventsCleared'));
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 12,
-                        paddingVertical: 6,
-                        borderRadius: 8,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        lineHeight: 14,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                  {t('common.clear')}
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
+          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.performance.clearEvents"),description:o("settings.performance.clearEventsDesc"),isLast:!0,onPress:()=>{(0,performanceTracker_1.clearPerformanceEvents)(),react_native_1.Alert.alert(o("common.success"),o("settings.performance.eventsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
+                  {o("common.clear")}
                 </react_native_1.Text>
-              </react_native_1.View>),
-            })}
+              </react_native_1.View>})}
         </react_native_1.View>
-        <react_native_1.View style={{ height: 48 }}/>
-      </react_native_1.ScrollView>);
-    }
-    const subPageAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    (0, react_1.useEffect)(() => {
-        if (settingsPage !== 'main') {
-            subPageAnim.setValue(0);
-            react_native_1.Animated.spring(subPageAnim, {
-                toValue: 1,
-                friction: 8,
-                tension: 65,
-                useNativeDriver: true,
-            }).start();
-        }
-    }, [settingsPage]);
-    return (<react_native_1.View style={{
-            flex: 1,
-            backgroundColor: AppColors_1.AppColors.grayBackground,
-        }}>
+        <react_native_1.View style={{height:48}}/>
+      </react_native_1.ScrollView>);const B=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{t!=="main"&&(B.setValue(0),react_native_1.Animated.spring(B,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[t]),<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       
-      <react_native_1.View style={[
-            react_native_1.StyleSheet.absoluteFill,
-            settingsPage !== 'main' && { pointerEvents: 'none' },
-        ]}>
-        {renderMainSettingsContent()}
+      <react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,t!=="main"&&{pointerEvents:"none"}]}>
+        {we()}
       </react_native_1.View>
 
       
-      {settingsPage !== 'main' && (<react_native_1.Animated.View style={[
-                react_native_1.StyleSheet.absoluteFill,
-                {
-                    backgroundColor: AppColors_1.AppColors.grayBackground,
-                    opacity: subPageAnim,
-                    transform: [
-                        {
-                            translateX: subPageAnim.interpolate({
-                                inputRange: [0, 1],
-                                outputRange: [30, 0],
-                            }),
-                        },
-                    ],
-                },
-            ]}>
-          {content}
-        </react_native_1.Animated.View>)}
-    </react_native_1.View>);
-};
-exports.default = SettingsPanel;
+      {t!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:B,transform:[{translateX:B.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
+          {A}
+        </react_native_1.Animated.View>}
+    </react_native_1.View>};exports.default=SettingsPanel;