react-native-inapp-inspector 2.3.19 → 2.3.21

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

@@ -1,680 +1,228 @@
-"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 i18n_1 = require("../../i18n");
-const InspectorContext_1 = require("./InspectorContext");
-const SegmentedTabs_1 = __importDefault(require("../SegmentedTabs"));
-const JsonViewer_1 = __importDefault(require("../JsonViewer"));
-const DiffViewer_1 = __importDefault(require("../DiffViewer"));
-const CopyButton_1 = __importDefault(require("../CopyButton"));
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const HighlightText_1 = __importDefault(require("../HighlightText"));
-const AnimatedEntrance_1 = __importDefault(require("../AnimatedEntrance"));
-const reduxLogger_1 = require("../../customHooks/reduxLogger");
-const helpers_1 = require("../../helpers");
-const settingsStore_1 = require("../../helpers/settingsStore");
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const NetworkIcons_1 = require("../NetworkIcons");
-const getOriginBadge = (originType) => {
-    switch (originType) {
-        case 'saga':
-            return {
-                label: 'SAGA',
-                renderIcon: (color, size = 9) => (<NetworkIcons_1.BoltIcon color={color} size={size}/>),
-                bg: AppColors_1.AppColors.purple100,
-                text: AppColors_1.AppColors.brandPurple,
-                border: AppColors_1.AppColors.purple200,
-            };
-        case 'thunk':
-            return {
-                label: 'THUNK',
-                renderIcon: (color, size = 9) => (<NetworkIcons_1.AtomIcon color={color} size={size}/>),
-                bg: AppColors_1.AppColors.amber100,
-                text: AppColors_1.AppColors.amber800Warm,
-                border: AppColors_1.AppColors.amber200,
-            };
-        case 'ui':
-            return {
-                label: 'UI',
-                renderIcon: (color, size = 9) => (<NetworkIcons_1.ScreenIcon color={color} size={size}/>),
-                bg: AppColors_1.AppColors.sky100,
-                text: AppColors_1.AppColors.sky600,
-                border: AppColors_1.AppColors.sky400,
-            };
-        case 'listener':
-            return {
-                label: 'LISTENER',
-                renderIcon: (color, size = 9) => (<NetworkIcons_1.ListenerIcon color={color} size={size}/>),
-                bg: AppColors_1.AppColors.teal100,
-                text: AppColors_1.AppColors.teal700,
-                border: AppColors_1.AppColors.teal400,
-            };
-        default:
-            return {
-                label: 'DIRECT',
-                renderIcon: (color, size = 9) => (<NetworkIcons_1.BoltIcon color={color} size={size}/>),
-                bg: AppColors_1.AppColors.slate100,
-                text: AppColors_1.AppColors.slate700,
-                border: AppColors_1.AppColors.slate200,
-            };
-    }
-};
-const ReduxDetail = react_1.default.memo(() => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const { reduxState, reduxLastActionMap, selectedReduxSlice, selectedReduxAction, setSelectedReduxSlice, } = (0, InspectorContext_1.useInspector)();
-    const [detailSearch, setDetailSearch] = (0, react_1.useState)('');
-    const [sliceTab, setSliceTab] = (0, react_1.useState)('live');
-    const [actionTab, setActionTab] = (0, react_1.useState)('payload');
-    const [viewMode, setViewMode] = (0, react_1.useState)('pretty');
-    const [expandedActionId, setExpandedActionId] = (0, react_1.useState)(null);
-    const [isPersisted, setIsPersisted] = (0, react_1.useState)(false);
-    const [persistedData, setPersistedData] = (0, react_1.useState)(null);
-    const allActionHistory = (0, react_1.useMemo)(() => {
-        return (0, reduxLogger_1.getActionHistory)();
-    }, [reduxLastActionMap]);
-    const sliceActions = (0, react_1.useMemo)(() => {
-        if (!selectedReduxSlice)
-            return allActionHistory;
-        return allActionHistory.filter(action => {
-            if (!action.affectedSlices || action.affectedSlices.length === 0)
-                return true;
-            return action.affectedSlices.includes(selectedReduxSlice);
-        });
-    }, [allActionHistory, selectedReduxSlice]);
-    const filteredTimelineActions = (0, react_1.useMemo)(() => {
-        if (!detailSearch.trim())
-            return sliceActions;
-        const q = detailSearch.toLowerCase();
-        return sliceActions.filter(action => {
-            return (action.type.toLowerCase().includes(q) ||
-                (action.callerFile && action.callerFile.toLowerCase().includes(q)) ||
-                (action.payload &&
-                    JSON.stringify(action.payload).toLowerCase().includes(q)));
-        });
-    }, [sliceActions, detailSearch]);
-    (0, react_1.useEffect)(() => {
-        if (!selectedReduxSlice)
-            return;
-        async function checkPersistence() {
-            try {
-                const storage = (0, settingsStore_1.getCustomStorage)();
-                if (!storage) {
-                    setIsPersisted(false);
-                    setPersistedData(null);
-                    return;
-                }
-                let raw = await storage.getItem(`persist:${selectedReduxSlice}`);
-                if (raw) {
-                    try {
-                        setPersistedData(JSON.parse(raw));
-                    }
-                    catch {
-                        setPersistedData(raw);
-                    }
-                    setIsPersisted(true);
-                    return;
-                }
-                let rootRaw = await storage.getItem('persist:root');
-                if (rootRaw) {
-                    const parsedRoot = JSON.parse(rootRaw);
-                    if (parsedRoot && parsedRoot[selectedReduxSlice] !== undefined) {
-                        const nested = parsedRoot[selectedReduxSlice];
-                        try {
-                            setPersistedData(typeof nested === 'string' ? JSON.parse(nested) : nested);
-                        }
-                        catch {
-                            setPersistedData(nested);
-                        }
-                        setIsPersisted(true);
-                        return;
-                    }
-                }
-            }
-            catch (e) {
-            }
-            setIsPersisted(false);
-            setPersistedData(null);
-        }
-        checkPersistence();
-    }, [selectedReduxSlice]);
-    const handleClearPersistence = () => {
-        if (!selectedReduxSlice)
-            return;
-        react_native_1.Alert.alert('Clear Persisted State', `Are you sure you want to delete persisted storage for slice "${selectedReduxSlice}"?`, [
-            { text: 'Cancel', style: 'cancel' },
-            {
-                text: 'Delete',
-                style: 'destructive',
-                onPress: async () => {
-                    try {
-                        const storage = (0, settingsStore_1.getCustomStorage)();
-                        if (!storage)
-                            return;
-                        if (typeof storage.removeItem === 'function') {
-                            await storage.removeItem(`persist:${selectedReduxSlice}`);
-                        }
-                        else {
-                            await storage.setItem(`persist:${selectedReduxSlice}`, '');
-                        }
-                        setIsPersisted(false);
-                        setPersistedData(null);
-                        setSliceTab('live');
-                        if (react_native_1.Platform.OS === 'android') {
-                            react_native_1.ToastAndroid.show('Persisted state cleared', react_native_1.ToastAndroid.SHORT);
-                        }
-                        else {
-                            react_native_1.Alert.alert('Cleared', 'Persisted state has been cleared.');
-                        }
-                    }
-                    catch (err) {
-                        react_native_1.Alert.alert('Error', 'Failed to clear persisted state.');
-                    }
-                },
-            },
-        ]);
-    };
-    if (selectedReduxSlice != null) {
-        const sliceData = reduxState?.[selectedReduxSlice];
-        const fieldsCount = sliceData && typeof sliceData === 'object'
-            ? Object.keys(sliceData).length
-            : typeof sliceData !== 'undefined'
-                ? 1
-                : 0;
-        const lastAction = reduxLastActionMap[selectedReduxSlice];
-        const sliceTabs = [
-            {
-                key: 'live',
-                label: t('redux.liveState', 'Live State'),
-                icon: (isActive) => (<NetworkIcons_1.LiveStateIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-            },
-            {
-                key: 'timeline',
-                label: `${t('redux.timeline', 'Timeline')} (${sliceActions.length})`,
-                icon: (isActive) => (<NetworkIcons_1.TimelineIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-            },
-            {
-                key: 'persisted',
-                label: isPersisted
-                    ? t('redux.persisted', 'Persisted')
-                    : t('redux.storage', 'Storage'),
-                icon: (isActive) => (<NetworkIcons_1.StorageIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-            },
-            {
-                key: 'metadata',
-                label: t('redux.metadata', 'Metadata'),
-                icon: (isActive) => (<NetworkIcons_1.MetadataIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-            },
-        ];
-        return (<react_native_1.View style={{ flex: 1, backgroundColor: AppColors_1.AppColors.grayBackground }}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,i,l,r){r===void 0&&(r=l);var t=Object.getOwnPropertyDescriptor(i,l);(!t||("get"in t?!i.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return i[l]}}),Object.defineProperty(e,r,t)}):(function(e,i,l,r){r===void 0&&(r=l),e[r]=i[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,i){Object.defineProperty(e,"default",{enumerable:!0,value:i})}):function(e,i){e.default=i}),__importStar=this&&this.__importStar||(function(){var e=function(i){return e=Object.getOwnPropertyNames||function(l){var r=[];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(r[r.length]=t);return r},e(i)};return function(i){if(i&&i.__esModule)return i;var l={};if(i!=null)for(var r=e(i),t=0;t<r.length;t++)r[t]!=="default"&&__createBinding(l,i,r[t]);return __setModuleDefault(l,i),l}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),JsonViewer_1=__importDefault(require("../JsonViewer")),DiffViewer_1=__importDefault(require("../DiffViewer")),CopyButton_1=__importDefault(require("../CopyButton")),TouchableScale_1=__importDefault(require("../TouchableScale")),HighlightText_1=__importDefault(require("../HighlightText")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),reduxLogger_1=require("../../customHooks/reduxLogger"),helpers_1=require("../../helpers"),settingsStore_1=require("../../helpers/settingsStore"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),getOriginBadge=e=>{switch(e){case"saga":return{label:"SAGA",renderIcon:(i,l=9)=><NetworkIcons_1.BoltIcon color={i}size={l}/>,bg:AppColors_1.AppColors.purple100,text:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.purple200};case"thunk":return{label:"THUNK",renderIcon:(i,l=9)=><NetworkIcons_1.AtomIcon color={i}size={l}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"ui":return{label:"UI",renderIcon:(i,l=9)=><NetworkIcons_1.ScreenIcon color={i}size={l}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};case"listener":return{label:"LISTENER",renderIcon:(i,l=9)=><NetworkIcons_1.ListenerIcon color={i}size={l}/>,bg:AppColors_1.AppColors.teal100,text:AppColors_1.AppColors.teal700,border:AppColors_1.AppColors.teal400};default:return{label:"DIRECT",renderIcon:(i,l=9)=><NetworkIcons_1.BoltIcon color={i}size={l}/>,bg:AppColors_1.AppColors.slate100,text:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate200}}},ReduxDetail=react_1.default.memo(()=>{const{t:e}=(0,i18n_1.useTranslation)(),{reduxState:i,reduxLastActionMap:l,selectedReduxSlice:r,selectedReduxAction:t,setSelectedReduxSlice:R}=(0,InspectorContext_1.useInspector)(),[d,S]=(0,react_1.useState)(""),[y,V]=(0,react_1.useState)("live"),[b,F]=(0,react_1.useState)("payload"),[k,B]=(0,react_1.useState)("pretty"),[P,W]=(0,react_1.useState)(null),[_,T]=(0,react_1.useState)(!1),[A,g]=(0,react_1.useState)(null),h=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[l]),x=(0,react_1.useMemo)(()=>r?h.filter(a=>!a.affectedSlices||a.affectedSlices.length===0?!0:a.affectedSlices.includes(r)):h,[h,r]),I=(0,react_1.useMemo)(()=>{if(!d.trim())return x;const a=d.toLowerCase();return x.filter(p=>p.type.toLowerCase().includes(a)||p.callerFile&&p.callerFile.toLowerCase().includes(a)||p.payload&&JSON.stringify(p.payload).toLowerCase().includes(a))},[x,d]);(0,react_1.useEffect)(()=>{if(!r)return;async function a(){try{const p=(0,settingsStore_1.getCustomStorage)();if(!p){T(!1),g(null);return}let c=await p.getItem(`persist:${r}`);if(c){try{g(JSON.parse(c))}catch{g(c)}T(!0);return}let n=await p.getItem("persist:root");if(n){const o=JSON.parse(n);if(o&&o[r]!==void 0){const s=o[r];try{g(typeof s=="string"?JSON.parse(s):s)}catch{g(s)}T(!0);return}}}catch{}T(!1),g(null)}a()},[r]);const z=()=>{r&&react_native_1.Alert.alert("Clear Persisted State",`Are you sure you want to delete persisted storage for slice "${r}"?`,[{text:"Cancel",style:"cancel"},{text:"Delete",style:"destructive",onPress:async()=>{try{const a=(0,settingsStore_1.getCustomStorage)();if(!a)return;typeof a.removeItem=="function"?await a.removeItem(`persist:${r}`):await a.setItem(`persist:${r}`,""),T(!1),g(null),V("live"),react_native_1.Platform.OS==="android"?react_native_1.ToastAndroid.show("Persisted state cleared",react_native_1.ToastAndroid.SHORT):react_native_1.Alert.alert("Cleared","Persisted state has been cleared.")}catch{react_native_1.Alert.alert("Error","Failed to clear persisted state.")}}}])};if(r!=null){const a=i?.[r],p=a&&typeof a=="object"?Object.keys(a).length:typeof a<"u"?1:0,c=l[r],n=[{key:"live",label:e("redux.liveState","Live State"),icon:o=><NetworkIcons_1.LiveStateIcon color={o?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"timeline",label:`${e("redux.timeline","Timeline")} (${x.length})`,icon:o=><NetworkIcons_1.TimelineIcon color={o?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"persisted",label:_?e("redux.persisted","Persisted"):e("redux.storage","Storage"),icon:o=><NetworkIcons_1.StorageIcon color={o?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"metadata",label:e("redux.metadata","Metadata"),icon:o=><NetworkIcons_1.MetadataIcon color={o?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>}];return<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
         
         <react_native_1.View style={reduxDetailStyles.infoBar}>
           <react_native_1.View style={reduxDetailStyles.infoTopRow}>
-            <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 6,
-                flexWrap: 'wrap',
-                flex: 1,
-                minWidth: 0,
-            }}>
-              <react_native_1.View style={[
-                reduxDetailStyles.methodBadge,
-                { backgroundColor: AppColors_1.AppColors.indigo600Alt },
-            ]}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",flex:1,minWidth:0}}>
+              <react_native_1.View style={[reduxDetailStyles.methodBadge,{backgroundColor:AppColors_1.AppColors.indigo600Alt}]}>
                 <react_native_1.Text style={reduxDetailStyles.methodBadgeText}>
-                  {t('redux.slice', 'SLICE')}
+                  {e("redux.slice","SLICE")}
                 </react_native_1.Text>
               </react_native_1.View>
-              <react_native_1.Text style={reduxDetailStyles.sliceNameText} numberOfLines={1}>
-                {selectedReduxSlice}
+              <react_native_1.Text style={reduxDetailStyles.sliceNameText}numberOfLines={1}>
+                {r}
               </react_native_1.Text>
-              {isPersisted ? (<react_native_1.View style={reduxDetailStyles.persistedChip}>
-                  <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.emerald700} size={10}/>
+              {_?<react_native_1.View style={reduxDetailStyles.persistedChip}>
+                  <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.emerald700}size={10}/>
                   <react_native_1.Text style={reduxDetailStyles.persistedChipText}>
-                    {t('redux.persisted', 'Persisted').toUpperCase()}
+                    {e("redux.persisted","Persisted").toUpperCase()}
                   </react_native_1.Text>
-                </react_native_1.View>) : (<react_native_1.View style={reduxDetailStyles.inMemoryChip}>
+                </react_native_1.View>:<react_native_1.View style={reduxDetailStyles.inMemoryChip}>
                   <react_native_1.Text style={reduxDetailStyles.inMemoryChipText}>
-                    {t('redux.inMemory', 'In-Memory').toUpperCase()}
+                    {e("redux.inMemory","In-Memory").toUpperCase()}
                   </react_native_1.Text>
-                </react_native_1.View>)}
-              {lastAction?.timestamp && (<react_native_1.View style={reduxDetailStyles.timePill}>
-                  <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.violet600} size={10}/>
+                </react_native_1.View>}
+              {c?.timestamp&&<react_native_1.View style={reduxDetailStyles.timePill}>
+                  <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.violet600}size={10}/>
                   <react_native_1.Text style={reduxDetailStyles.timeText}>
-                    {lastAction.timestamp}
+                    {c.timestamp}
                   </react_native_1.Text>
-                </react_native_1.View>)}
+                </react_native_1.View>}
             </react_native_1.View>
 
             
-            <CopyButton_1.default value={() => (sliceTab === 'live' ? sliceData : persistedData)} label={t('redux.sliceJson', 'Slice JSON')}/>
+            <CopyButton_1.default value={()=>y==="live"?a:A}label={e("redux.sliceJson","Slice JSON")}/>
           </react_native_1.View>
 
           
           <react_native_1.View style={reduxDetailStyles.subStatsRow}>
-            <react_native_1.View style={[
-                reduxDetailStyles.statPill,
-                {
-                    backgroundColor: AppColors_1.AppColors.indigo50,
-                    borderColor: AppColors_1.AppColors.indigo400,
-                },
-            ]}>
-              <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.indigo600Alt} size={11}/>
-              <react_native_1.Text style={[
-                reduxDetailStyles.statLabel,
-                { color: AppColors_1.AppColors.indigo600Alt },
-            ]}>
-                {t('redux.keys', 'Keys')}:
+            <react_native_1.View style={[reduxDetailStyles.statPill,{backgroundColor:AppColors_1.AppColors.indigo50,borderColor:AppColors_1.AppColors.indigo400}]}>
+              <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.indigo600Alt}size={11}/>
+              <react_native_1.Text style={[reduxDetailStyles.statLabel,{color:AppColors_1.AppColors.indigo600Alt}]}>
+                {e("redux.keys","Keys")}:
               </react_native_1.Text>
-              <react_native_1.Text style={[
-                reduxDetailStyles.statValue,
-                { color: AppColors_1.AppColors.indigo600Alt },
-            ]}>
-                {fieldsCount}
+              <react_native_1.Text style={[reduxDetailStyles.statValue,{color:AppColors_1.AppColors.indigo600Alt}]}>
+                {p}
               </react_native_1.Text>
             </react_native_1.View>
-            <react_native_1.View style={[
-                reduxDetailStyles.statPill,
-                {
-                    backgroundColor: AppColors_1.AppColors.sky100,
-                    borderColor: AppColors_1.AppColors.sky400,
-                },
-            ]}>
-              <react_native_1.Text style={[
-                reduxDetailStyles.statLabel,
-                { color: AppColors_1.AppColors.sky600 },
-            ]}>
-                {t('redux.size', 'Size')}:
+            <react_native_1.View style={[reduxDetailStyles.statPill,{backgroundColor:AppColors_1.AppColors.sky100,borderColor:AppColors_1.AppColors.sky400}]}>
+              <react_native_1.Text style={[reduxDetailStyles.statLabel,{color:AppColors_1.AppColors.sky600}]}>
+                {e("redux.size","Size")}:
               </react_native_1.Text>
-              <react_native_1.Text style={[
-                reduxDetailStyles.statValue,
-                { color: AppColors_1.AppColors.sky600 },
-            ]}>
-                {(0, helpers_1.getSize)(sliceData)}
+              <react_native_1.Text style={[reduxDetailStyles.statValue,{color:AppColors_1.AppColors.sky600}]}>
+                {(0,helpers_1.getSize)(a)}
               </react_native_1.Text>
             </react_native_1.View>
-            <react_native_1.View style={[
-                reduxDetailStyles.statPill,
-                {
-                    backgroundColor: AppColors_1.AppColors.purple100,
-                    borderColor: AppColors_1.AppColors.purple200,
-                },
-            ]}>
-              <NetworkIcons_1.TimelineIcon color={AppColors_1.AppColors.violet600} size={11}/>
-              <react_native_1.Text style={[
-                reduxDetailStyles.statLabel,
-                { color: AppColors_1.AppColors.brandPurple },
-            ]}>
-                {t('redux.timeline', 'Timeline')}:
+            <react_native_1.View style={[reduxDetailStyles.statPill,{backgroundColor:AppColors_1.AppColors.purple100,borderColor:AppColors_1.AppColors.purple200}]}>
+              <NetworkIcons_1.TimelineIcon color={AppColors_1.AppColors.violet600}size={11}/>
+              <react_native_1.Text style={[reduxDetailStyles.statLabel,{color:AppColors_1.AppColors.brandPurple}]}>
+                {e("redux.timeline","Timeline")}:
               </react_native_1.Text>
-              <react_native_1.Text style={[
-                reduxDetailStyles.statValue,
-                { color: AppColors_1.AppColors.brandPurple },
-            ]}>
-                {sliceActions.length}
+              <react_native_1.Text style={[reduxDetailStyles.statValue,{color:AppColors_1.AppColors.brandPurple}]}>
+                {x.length}
               </react_native_1.Text>
             </react_native_1.View>
-            {lastAction && (<react_native_1.View style={[
-                    reduxDetailStyles.statPill,
-                    {
-                        backgroundColor: AppColors_1.AppColors.amber100,
-                        borderColor: AppColors_1.AppColors.amber200,
-                        flexShrink: 1,
-                        maxWidth: 160,
-                    },
-                ]}>
-                <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.amber800Warm} size={11}/>
-                <react_native_1.Text style={[
-                    reduxDetailStyles.statLabel,
-                    { color: AppColors_1.AppColors.amber800Warm },
-                ]}>
-                  {t('redux.last', 'Last')}:
+            {c&&<react_native_1.View style={[reduxDetailStyles.statPill,{backgroundColor:AppColors_1.AppColors.amber100,borderColor:AppColors_1.AppColors.amber200,flexShrink:1,maxWidth:160}]}>
+                <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.amber800Warm}size={11}/>
+                <react_native_1.Text style={[reduxDetailStyles.statLabel,{color:AppColors_1.AppColors.amber800Warm}]}>
+                  {e("redux.last","Last")}:
                 </react_native_1.Text>
-                <react_native_1.Text style={[
-                    reduxDetailStyles.statValue,
-                    { color: AppColors_1.AppColors.amber800Warm, flexShrink: 1 },
-                ]} numberOfLines={1}>
-                  {lastAction.type}
+                <react_native_1.Text style={[reduxDetailStyles.statValue,{color:AppColors_1.AppColors.amber800Warm,flexShrink:1}]}numberOfLines={1}>
+                  {c.type}
                 </react_native_1.Text>
-              </react_native_1.View>)}
+              </react_native_1.View>}
           </react_native_1.View>
 
           
-          <SegmentedTabs_1.default tabs={sliceTabs} activeKey={sliceTab} onChange={key => setSliceTab(key)} style={{ marginTop: 10 }}/>
+          <SegmentedTabs_1.default tabs={n}activeKey={y}onChange={o=>V(o)}style={{marginTop:10}}/>
         </react_native_1.View>
 
         
-        {sliceTab !== 'metadata' && (<react_native_1.View style={reduxDetailStyles.searchContainer}>
-            <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
-            <react_native_1.TextInput placeholder={sliceTab === 'timeline'
-                    ? 'Search action type, file, or payload...'
-                    : 'Search keys or values...'} placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={detailSearch} onChangeText={setDetailSearch} style={reduxDetailStyles.searchInput} autoCorrect={false} autoCapitalize="none"/>
-            {detailSearch.length > 0 && (<react_native_1.Pressable onPress={() => setDetailSearch('')} hitSlop={10}>
-                <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
-              </react_native_1.Pressable>)}
-          </react_native_1.View>)}
+        {y!=="metadata"&&<react_native_1.View style={reduxDetailStyles.searchContainer}>
+            <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+            <react_native_1.TextInput placeholder={y==="timeline"?"Search action type, file, or payload...":"Search keys or values..."}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={d}onChangeText={S}style={reduxDetailStyles.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+            {d.length>0&&<react_native_1.Pressable onPress={()=>S("")}hitSlop={10}>
+                <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+              </react_native_1.Pressable>}
+          </react_native_1.View>}
 
         
-        {sliceTab === 'timeline' ? (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 12, paddingBottom: 40 }} keyboardShouldPersistTaps="handled">
-            {filteredTimelineActions.length === 0 ? (<react_native_1.View style={reduxDetailStyles.emptyBox}>
-                <NetworkIcons_1.TimelineIcon color={AppColors_1.AppColors.grayTextWeak} size={28}/>
+        {y==="timeline"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
+            {I.length===0?<react_native_1.View style={reduxDetailStyles.emptyBox}>
+                <NetworkIcons_1.TimelineIcon color={AppColors_1.AppColors.grayTextWeak}size={28}/>
                 <react_native_1.Text style={reduxDetailStyles.emptyBoxText}>
-                  {detailSearch.trim()
-                        ? 'No actions matching your search query.'
-                        : 'No dispatched actions recorded for this slice yet.'}
+                  {d.trim()?"No actions matching your search query.":"No dispatched actions recorded for this slice yet."}
                 </react_native_1.Text>
-              </react_native_1.View>) : (filteredTimelineActions.map((action, aIdx) => {
-                    const isExpanded = expandedActionId === action.id;
-                    const originMeta = getOriginBadge(action.originType);
-                    const callerBasename = action.callerFile
-                        ? action.callerFile.split('/').pop()
-                        : null;
-                    return (<AnimatedEntrance_1.default key={action.id} index={aIdx} distance={6}>
-                    <TouchableScale_1.default onPress={() => setExpandedActionId(isExpanded ? null : action.id)} style={reduxDetailStyles.timelineCard}>
+              </react_native_1.View>:I.map((o,s)=>{const C=P===o.id,m=getOriginBadge(o.originType),D=o.callerFile?o.callerFile.split("/").pop():null;return<AnimatedEntrance_1.default key={o.id}index={s}distance={6}>
+                    <TouchableScale_1.default onPress={()=>W(C?null:o.id)}style={reduxDetailStyles.timelineCard}>
                       <react_native_1.View style={reduxDetailStyles.timelineHeader}>
-                        <react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: 6,
-                            flex: 1,
-                            minWidth: 0,
-                            flexWrap: 'wrap',
-                        }}>
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0,flexWrap:"wrap"}}>
                           <react_native_1.View style={reduxDetailStyles.actionBadge}>
                             <react_native_1.Text style={reduxDetailStyles.actionBadgeText}>
-                              #{action.id}
+                              #{o.id}
                             </react_native_1.Text>
                           </react_native_1.View>
                           
-                          <react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: 3,
-                            backgroundColor: originMeta.bg,
-                            paddingHorizontal: 5,
-                            paddingVertical: 2,
-                            borderRadius: 4,
-                            borderWidth: 1,
-                            borderColor: originMeta.border,
-                        }}>
-                            {originMeta.renderIcon(originMeta.text, 8.5)}
-                            <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 8.5,
-                            color: originMeta.text,
-                            letterSpacing: 0.3,
-                        }}>
-                              {originMeta.label}
+                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:m.bg,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:m.border}}>
+                            {m.renderIcon(m.text,8.5)}
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:m.text,letterSpacing:.3}}>
+                              {m.label}
                             </react_native_1.Text>
                           </react_native_1.View>
 
-                          <HighlightText_1.default text={action.type} search={detailSearch} style={reduxDetailStyles.actionTitle} highlightStyle={reduxDetailStyles.highlight}/>
+                          <HighlightText_1.default text={o.type}search={d}style={reduxDetailStyles.actionTitle}highlightStyle={reduxDetailStyles.highlight}/>
                         </react_native_1.View>
 
                         <react_native_1.View style={reduxDetailStyles.timePill}>
-                          <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple} size={10}/>
+                          <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple}size={10}/>
                           <react_native_1.Text style={reduxDetailStyles.timeText}>
-                            {action.timestamp}
+                            {o.timestamp}
                           </react_native_1.Text>
                         </react_native_1.View>
                       </react_native_1.View>
 
                       
-                      {action.callerFile && (<react_native_1.View style={{
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                justifyContent: 'space-between',
-                                marginTop: 6,
-                                marginBottom: 2,
-                                paddingHorizontal: 8,
-                                paddingVertical: 4,
-                                backgroundColor: AppColors_1.AppColors.grayBackground,
-                                borderRadius: 6,
-                                borderWidth: 1,
-                                borderColor: AppColors_1.AppColors.dividerColor,
-                            }}>
-                          <react_native_1.View style={{
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                gap: 5,
-                                flex: 1,
-                                minWidth: 0,
-                            }}>
-                            <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.sky600} size={10}/>
-                            <react_native_1.Text style={{
-                                fontFamily: AppFonts_1.AppFonts.interMedium,
-                                fontSize: 9.5,
-                                color: AppColors_1.AppColors.grayTextWeak,
-                            }}>
-                              {t('redux.triggeredFrom', 'Triggered From:')}
+                      {o.callerFile&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:6,marginBottom:2,paddingHorizontal:8,paddingVertical:4,backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
+                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0}}>
+                            <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.sky600}size={10}/>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak}}>
+                              {e("redux.triggeredFrom","Triggered From:")}
                             </react_native_1.Text>
-                            <react_native_1.Text style={{
-                                fontFamily: AppFonts_1.AppFonts.interBold,
-                                fontSize: 9.5,
-                                color: AppColors_1.AppColors.sky600,
-                            }} numberOfLines={1}>
-                              {callerBasename}:{action.callerLine || 1}
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.sky600}}numberOfLines={1}>
+                              {D}:{o.callerLine||1}
                             </react_native_1.Text>
                           </react_native_1.View>
 
-                          <react_native_1.Pressable onPress={() => (0, helpers_1.openInVSCode)(action.callerFile, action.callerLine, action.callerCol)} hitSlop={8} style={{
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                gap: 3,
-                                backgroundColor: AppColors_1.AppColors.sky100,
-                                paddingHorizontal: 5,
-                                paddingVertical: 2,
-                                borderRadius: 4,
-                            }}>
-                            <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600} size={9}/>
-                            <react_native_1.Text style={{
-                                fontFamily: AppFonts_1.AppFonts.interBold,
-                                fontSize: 8.5,
-                                color: AppColors_1.AppColors.sky600,
-                            }}>
-                              {t('redux.openInEditor', 'Open in Editor')}
+                          <react_native_1.Pressable onPress={()=>(0,helpers_1.openInVSCode)(o.callerFile,o.callerLine,o.callerCol)}hitSlop={8}style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.sky100,paddingHorizontal:5,paddingVertical:2,borderRadius:4}}>
+                            <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={9}/>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.sky600}}>
+                              {e("redux.openInEditor","Open in Editor")}
                             </react_native_1.Text>
                           </react_native_1.Pressable>
-                        </react_native_1.View>)}
+                        </react_native_1.View>}
 
                       
-                      {isExpanded ? (<react_native_1.View style={reduxDetailStyles.expandedContent}>
+                      {C?<react_native_1.View style={reduxDetailStyles.expandedContent}>
                           
-                          {action.stack ? (<react_native_1.View style={{ marginBottom: 12 }}>
+                          {o.stack?<react_native_1.View style={{marginBottom:12}}>
                               <react_native_1.Text style={reduxDetailStyles.expandedSectionTitle}>
-                                {t('redux.callStack', 'Call Stack Trace')}:
+                                {e("redux.callStack","Call Stack Trace")}:
                               </react_native_1.Text>
-                              <react_native_1.View style={{
-                                    backgroundColor: AppColors_1.AppColors.grayBackground,
-                                    borderRadius: 8,
-                                    padding: 8,
-                                    borderWidth: 1,
-                                    borderColor: AppColors_1.AppColors.dividerColor,
-                                    gap: 4,
-                                }}>
-                                {action.stack
-                                    .split('\n')
-                                    .map(l => l.trim())
-                                    .filter(l => l.length > 0 &&
-                                    !l.includes('reduxLogger') &&
-                                    !l.includes('inspectorReduxMiddleware'))
-                                    .slice(0, 8)
-                                    .map((frameLine, fIdx) => {
-                                    const parsed = (0, helpers_1.parseStackLine)(frameLine, fIdx === 0);
-                                    const isApp = parsed.frameType === 'app';
-                                    return (<react_native_1.Pressable key={fIdx} onPress={() => {
-                                            if (parsed.fileName !== 'Unknown') {
-                                                (0, helpers_1.openInVSCode)(parsed.fullPath ||
-                                                    parsed.fileName, parsed.lineNumber, parsed.columnNumber);
-                                            }
-                                        }} style={{
-                                            flexDirection: 'row',
-                                            alignItems: 'center',
-                                            justifyContent: 'space-between',
-                                            paddingVertical: 3,
-                                            borderBottomWidth: fIdx < 7 ? 0.5 : 0,
-                                            borderBottomColor: AppColors_1.AppColors.dividerColor,
-                                        }}>
-                                        <react_native_1.View style={{ flex: 1, minWidth: 0 }}>
-                                          <react_native_1.Text style={{
-                                            fontFamily: isApp
-                                                ? AppFonts_1.AppFonts.interBold
-                                                : AppFonts_1.AppFonts.interRegular,
-                                            fontSize: 9.5,
-                                            color: isApp
-                                                ? AppColors_1.AppColors.primaryBlack
-                                                : AppColors_1.AppColors.grayTextWeak,
-                                        }} numberOfLines={1}>
-                                            {parsed.functionName || 'anonymous'}
+                              <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,padding:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:4}}>
+                                {o.stack.split(`
+`).map(f=>f.trim()).filter(f=>f.length>0&&!f.includes("reduxLogger")&&!f.includes("inspectorReduxMiddleware")).slice(0,8).map((f,v)=>{const u=(0,helpers_1.parseStackLine)(f,v===0),w=u.frameType==="app";return<react_native_1.Pressable key={v}onPress={()=>{u.fileName!=="Unknown"&&(0,helpers_1.openInVSCode)(u.fullPath||u.fileName,u.lineNumber,u.columnNumber)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:3,borderBottomWidth:v<7?.5:0,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+                                        <react_native_1.View style={{flex:1,minWidth:0}}>
+                                          <react_native_1.Text style={{fontFamily:w?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:w?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayTextWeak}}numberOfLines={1}>
+                                            {u.functionName||"anonymous"}
                                           </react_native_1.Text>
-                                          <react_native_1.Text style={{
-                                            fontFamily: AppFonts_1.AppFonts.interRegular,
-                                            fontSize: 8.5,
-                                            color: isApp
-                                                ? AppColors_1.AppColors.sky600
-                                                : AppColors_1.AppColors.grayTextWeak,
-                                        }} numberOfLines={1}>
-                                            {parsed.fileName}:
-                                            {parsed.lineNumber || 1}:
-                                            {parsed.columnNumber || 1}
+                                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:8.5,color:w?AppColors_1.AppColors.sky600:AppColors_1.AppColors.grayTextWeak}}numberOfLines={1}>
+                                            {u.fileName}:
+                                            {u.lineNumber||1}:
+                                            {u.columnNumber||1}
                                           </react_native_1.Text>
                                         </react_native_1.View>
-                                        {isApp && (<NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600} size={10}/>)}
-                                      </react_native_1.Pressable>);
-                                })}
+                                        {w&&<NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={10}/>}
+                                      </react_native_1.Pressable>})}
                               </react_native_1.View>
-                            </react_native_1.View>) : null}
+                            </react_native_1.View>:null}
 
-                          {action.payload !== undefined && (<react_native_1.View style={{ marginBottom: 12 }}>
+                          {o.payload!==void 0&&<react_native_1.View style={{marginBottom:12}}>
                               <react_native_1.Text style={reduxDetailStyles.expandedSectionTitle}>
-                                {t('redux.actionPayload', 'Action Payload:')}
+                                {e("redux.actionPayload","Action Payload:")}
                               </react_native_1.Text>
-                              <JsonViewer_1.default data={action.payload} search={detailSearch} forceOpen={true} wrap={true}/>
-                            </react_native_1.View>)}
+                              <JsonViewer_1.default data={o.payload}search={d}forceOpen={!0}wrap={!0}/>
+                            </react_native_1.View>}
 
                           <react_native_1.Text style={reduxDetailStyles.expandedSectionTitle}>
-                            {t('redux.stateChangesDiff', 'State Changes (Diff):')}
+                            {e("redux.stateChangesDiff","State Changes (Diff):")}
                           </react_native_1.Text>
-                          <DiffViewer_1.default oldData={action.prevState?.[selectedReduxSlice] || {}} newData={action.nextState?.[selectedReduxSlice] || {}} forceOpen={true}/>
-                        </react_native_1.View>) : (<react_native_1.View style={reduxDetailStyles.collapsedPrompt}>
+                          <DiffViewer_1.default oldData={o.prevState?.[r]||{}}newData={o.nextState?.[r]||{}}forceOpen={!0}/>
+                        </react_native_1.View>:<react_native_1.View style={reduxDetailStyles.collapsedPrompt}>
                           <react_native_1.Text style={reduxDetailStyles.collapsedPromptText}>
-                            {t('redux.tapToInspectAction', 'Tap to inspect action payload & diff changes')}
+                            {e("redux.tapToInspectAction","Tap to inspect action payload & diff changes")}
                           </react_native_1.Text>
-                          <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
-                        </react_native_1.View>)}
+                          <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
+                        </react_native_1.View>}
                     </TouchableScale_1.default>
-                  </AnimatedEntrance_1.default>);
-                }))}
-          </react_native_1.ScrollView>) : sliceTab === 'metadata' ? (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 12, paddingBottom: 40 }} keyboardShouldPersistTaps="handled">
+                  </AnimatedEntrance_1.default>})}
+          </react_native_1.ScrollView>:y==="metadata"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
             <react_native_1.View style={reduxDetailStyles.metadataCard}>
-              {[
-                    { label: 'Slice Name', value: selectedReduxSlice },
-                    { label: 'Root Keys Count', value: `${fieldsCount} keys` },
-                    { label: 'In-Memory State Size', value: (0, helpers_1.getSize)(sliceData) },
-                    {
-                        label: 'Persistence Status',
-                        value: isPersisted
-                            ? `Persisted (${(0, helpers_1.getSize)(persistedData)})`
-                            : 'Not Persisted (In-Memory)',
-                    },
-                    {
-                        label: 'Dispatched Actions History',
-                        value: `${sliceActions.length} recorded actions`,
-                    },
-                    {
-                        label: 'Last Dispatched Action',
-                        value: lastAction ? lastAction.type : 'None',
-                    },
-                    {
-                        label: 'Last Action Timestamp',
-                        value: lastAction ? lastAction.timestamp : 'Initial',
-                    },
-                ].map((row, rIdx) => (<react_native_1.View key={rIdx} style={[
-                        reduxDetailStyles.metaRow,
-                        rIdx === 6 && { borderBottomWidth: 0 },
-                    ]}>
-                  <react_native_1.Text style={reduxDetailStyles.metaLabel}>{row.label}</react_native_1.Text>
-                  <react_native_1.Text style={reduxDetailStyles.metaValue} selectable numberOfLines={2}>
-                    {row.value}
+              {[{label:"Slice Name",value:r},{label:"Root Keys Count",value:`${p} keys`},{label:"In-Memory State Size",value:(0,helpers_1.getSize)(a)},{label:"Persistence Status",value:_?`Persisted (${(0,helpers_1.getSize)(A)})`:"Not Persisted (In-Memory)"},{label:"Dispatched Actions History",value:`${x.length} recorded actions`},{label:"Last Dispatched Action",value:c?c.type:"None"},{label:"Last Action Timestamp",value:c?c.timestamp:"Initial"}].map((o,s)=><react_native_1.View key={s}style={[reduxDetailStyles.metaRow,s===6&&{borderBottomWidth:0}]}>
+                  <react_native_1.Text style={reduxDetailStyles.metaLabel}>{o.label}</react_native_1.Text>
+                  <react_native_1.Text style={reduxDetailStyles.metaValue}selectable numberOfLines={2}>
+                    {o.value}
                   </react_native_1.Text>
-                </react_native_1.View>))}
+                </react_native_1.View>)}
 
-              {isPersisted && (<react_native_1.TouchableOpacity style={reduxDetailStyles.clearPersistBtn} onPress={handleClearPersistence}>
-                  <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={14}/>
+              {_&&<react_native_1.TouchableOpacity style={reduxDetailStyles.clearPersistBtn}onPress={z}>
+                  <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={14}/>
                   <react_native_1.Text style={reduxDetailStyles.clearPersistText}>
                     Clear Persisted Storage For This Slice
                   </react_native_1.Text>
-                </react_native_1.TouchableOpacity>)}
+                </react_native_1.TouchableOpacity>}
             </react_native_1.View>
-          </react_native_1.ScrollView>) : sliceTab === 'persisted' ? (<react_native_1.View style={{ flex: 1, padding: 10 }}>
-            {isPersisted ? (<react_native_1.View style={{ flex: 1 }}>
+          </react_native_1.ScrollView>:y==="persisted"?<react_native_1.View style={{flex:1,padding:10}}>
+            {_?<react_native_1.View style={{flex:1}}>
                 <react_native_1.View style={reduxDetailStyles.persistedInfoCard}>
-                  <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        justifyContent: 'space-between',
-                    }}>
-                    <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 6,
-                    }}>
-                      <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.emerald700} size={14}/>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                      <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.emerald700}size={14}/>
                       <react_native_1.Text style={reduxDetailStyles.persistedInfoTitle}>
-                        Stored in persistent storage ({(0, helpers_1.getSize)(persistedData)})
+                        Stored in persistent storage ({(0,helpers_1.getSize)(A)})
                       </react_native_1.Text>
                     </react_native_1.View>
-                    <react_native_1.TouchableOpacity style={reduxDetailStyles.clearPersistMiniBtn} onPress={handleClearPersistence}>
-                      <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={12}/>
+                    <react_native_1.TouchableOpacity style={reduxDetailStyles.clearPersistMiniBtn}onPress={z}>
+                      <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={12}/>
                       <react_native_1.Text style={reduxDetailStyles.clearPersistMiniText}>
                         Clear
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                   </react_native_1.View>
                 </react_native_1.View>
-                <react_native_1.View style={{ flex: 1, marginTop: 8 }}>
-                  <JsonViewer_1.default data={persistedData} search={detailSearch} forceOpen={detailSearch.length > 0 ? true : undefined} mode={viewMode} onModeChange={setViewMode} fullHeight={true} wrap={true}/>
+                <react_native_1.View style={{flex:1,marginTop:8}}>
+                  <JsonViewer_1.default data={A}search={d}forceOpen={d.length>0?!0:void 0}mode={k}onModeChange={B}fullHeight={!0}wrap={!0}/>
                 </react_native_1.View>
-              </react_native_1.View>) : (<react_native_1.View style={reduxDetailStyles.emptyBox}>
-                <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.grayTextWeak} size={32}/>
+              </react_native_1.View>:<react_native_1.View style={reduxDetailStyles.emptyBox}>
+                <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.grayTextWeak}size={32}/>
                 <react_native_1.Text style={reduxDetailStyles.emptyBoxTitle}>
                   Not Persisted in Storage
                 </react_native_1.Text>
@@ -682,279 +230,124 @@ const ReduxDetail = react_1.default.memo(() => {
                   This slice is not stored in AsyncStorage or redux-persist.
                   State exists purely in active JavaScript memory.
                 </react_native_1.Text>
-              </react_native_1.View>)}
-          </react_native_1.View>) : (<react_native_1.View style={{ flex: 1, padding: 10 }}>
-            <JsonViewer_1.default data={sliceData} search={detailSearch} forceOpen={detailSearch.length > 0 ? true : undefined} mode={viewMode} onModeChange={setViewMode} fullHeight={true} wrap={true}/>
-          </react_native_1.View>)}
-      </react_native_1.View>);
-    }
-    if (selectedReduxAction != null) {
-        const originMeta = getOriginBadge(selectedReduxAction.originType);
-        const callerBasename = selectedReduxAction.callerFile
-            ? selectedReduxAction.callerFile.split('/').pop()
-            : null;
-        const actionTabs = [
-            {
-                key: 'payload',
-                label: t('redux.payload', 'Payload'),
-                icon: (isActive) => (<NetworkIcons_1.CodeBracketsIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-            },
-            {
-                key: 'diff',
-                label: t('redux.diff', 'State Diff'),
-                icon: (isActive) => (<NetworkIcons_1.TimelineIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-            },
-            {
-                key: 'stack',
-                label: t('redux.callStack', 'Call Stack'),
-                icon: (isActive) => (<NetworkIcons_1.DocIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-            },
-            {
-                key: 'raw',
-                label: 'Raw Action',
-                icon: (isActive) => (<NetworkIcons_1.LiveStateIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={12}/>),
-            },
-        ];
-        return (<react_native_1.View style={{ flex: 1, backgroundColor: AppColors_1.AppColors.grayBackground }}>
+              </react_native_1.View>}
+          </react_native_1.View>:<react_native_1.View style={{flex:1,padding:10}}>
+            <JsonViewer_1.default data={a}search={d}forceOpen={d.length>0?!0:void 0}mode={k}onModeChange={B}fullHeight={!0}wrap={!0}/>
+          </react_native_1.View>}
+      </react_native_1.View>}if(t!=null){const a=getOriginBadge(t.originType),p=t.callerFile?t.callerFile.split("/").pop():null,c=[{key:"payload",label:e("redux.payload","Payload"),icon:n=><NetworkIcons_1.CodeBracketsIcon color={n?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"diff",label:e("redux.diff","State Diff"),icon:n=><NetworkIcons_1.TimelineIcon color={n?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"stack",label:e("redux.callStack","Call Stack"),icon:n=><NetworkIcons_1.DocIcon color={n?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"raw",label:"Raw Action",icon:n=><NetworkIcons_1.LiveStateIcon color={n?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>}];return<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
         
         <react_native_1.View style={reduxDetailStyles.infoBar}>
           <react_native_1.View style={reduxDetailStyles.infoTopRow}>
-            <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 6,
-                flexWrap: 'wrap',
-                flex: 1,
-                minWidth: 0,
-            }}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",flex:1,minWidth:0}}>
               <react_native_1.View style={reduxDetailStyles.actionBadge}>
                 <react_native_1.Text style={reduxDetailStyles.actionBadgeText}>
-                  #{selectedReduxAction.id}
+                  #{t.id}
                 </react_native_1.Text>
               </react_native_1.View>
               
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 3,
-                backgroundColor: originMeta.bg,
-                paddingHorizontal: 5,
-                paddingVertical: 2,
-                borderRadius: 4,
-                borderWidth: 1,
-                borderColor: originMeta.border,
-            }}>
-                {originMeta.renderIcon(originMeta.text, 8.5)}
-                <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 8.5,
-                color: originMeta.text,
-                letterSpacing: 0.3,
-            }}>
-                  {originMeta.label}
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:a.bg,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:a.border}}>
+                {a.renderIcon(a.text,8.5)}
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:a.text,letterSpacing:.3}}>
+                  {a.label}
                 </react_native_1.Text>
               </react_native_1.View>
-              <react_native_1.Text style={reduxDetailStyles.sliceNameText} numberOfLines={1}>
-                {selectedReduxAction.type}
+              <react_native_1.Text style={reduxDetailStyles.sliceNameText}numberOfLines={1}>
+                {t.type}
               </react_native_1.Text>
-              {selectedReduxAction.timestamp && (<react_native_1.View style={reduxDetailStyles.timePill}>
-                  <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple} size={10}/>
+              {t.timestamp&&<react_native_1.View style={reduxDetailStyles.timePill}>
+                  <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple}size={10}/>
                   <react_native_1.Text style={reduxDetailStyles.timeText}>
-                    {selectedReduxAction.timestamp}
+                    {t.timestamp}
                   </react_native_1.Text>
-                </react_native_1.View>)}
+                </react_native_1.View>}
             </react_native_1.View>
 
             
-            <CopyButton_1.default value={() => selectedReduxAction} label="Copy Action"/>
+            <CopyButton_1.default value={()=>t}label="Copy Action"/>
           </react_native_1.View>
 
           
           <react_native_1.View style={reduxDetailStyles.subStatsRow}>
-            {selectedReduxAction.affectedSlices &&
-                selectedReduxAction.affectedSlices.length > 0 && (<react_native_1.View style={[
-                    reduxDetailStyles.statPill,
-                    {
-                        backgroundColor: AppColors_1.AppColors.indigo50,
-                        borderColor: AppColors_1.AppColors.indigo400,
-                    },
-                ]}>
-                  <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.indigo600Alt} size={11}/>
-                  <react_native_1.Text style={[
-                    reduxDetailStyles.statLabel,
-                    { color: AppColors_1.AppColors.indigo600Alt },
-                ]}>
+            {t.affectedSlices&&t.affectedSlices.length>0&&<react_native_1.View style={[reduxDetailStyles.statPill,{backgroundColor:AppColors_1.AppColors.indigo50,borderColor:AppColors_1.AppColors.indigo400}]}>
+                  <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.indigo600Alt}size={11}/>
+                  <react_native_1.Text style={[reduxDetailStyles.statLabel,{color:AppColors_1.AppColors.indigo600Alt}]}>
                     Slices:
                   </react_native_1.Text>
-                  <react_native_1.Text style={[
-                    reduxDetailStyles.statValue,
-                    { color: AppColors_1.AppColors.indigo600Alt },
-                ]}>
-                    {selectedReduxAction.affectedSlices.join(', ')}
+                  <react_native_1.Text style={[reduxDetailStyles.statValue,{color:AppColors_1.AppColors.indigo600Alt}]}>
+                    {t.affectedSlices.join(", ")}
                   </react_native_1.Text>
-                </react_native_1.View>)}
-            <react_native_1.View style={[
-                reduxDetailStyles.statPill,
-                {
-                    backgroundColor: AppColors_1.AppColors.sky100,
-                    borderColor: AppColors_1.AppColors.sky400,
-                },
-            ]}>
-              <react_native_1.Text style={[
-                reduxDetailStyles.statLabel,
-                { color: AppColors_1.AppColors.sky600 },
-            ]}>
+                </react_native_1.View>}
+            <react_native_1.View style={[reduxDetailStyles.statPill,{backgroundColor:AppColors_1.AppColors.sky100,borderColor:AppColors_1.AppColors.sky400}]}>
+              <react_native_1.Text style={[reduxDetailStyles.statLabel,{color:AppColors_1.AppColors.sky600}]}>
                 Payload Size:
               </react_native_1.Text>
-              <react_native_1.Text style={[
-                reduxDetailStyles.statValue,
-                { color: AppColors_1.AppColors.sky600 },
-            ]}>
-                {(0, helpers_1.getSize)(selectedReduxAction.payload)}
+              <react_native_1.Text style={[reduxDetailStyles.statValue,{color:AppColors_1.AppColors.sky600}]}>
+                {(0,helpers_1.getSize)(t.payload)}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
 
           
-          {selectedReduxAction.callerFile && (<react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    marginTop: 8,
-                    paddingHorizontal: 8,
-                    paddingVertical: 4,
-                    backgroundColor: AppColors_1.AppColors.grayBackground,
-                    borderRadius: 6,
-                    borderWidth: 1,
-                    borderColor: AppColors_1.AppColors.dividerColor,
-                }}>
-              <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                    flex: 1,
-                    minWidth: 0,
-                }}>
-                <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.sky600} size={10}/>
-                <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interMedium,
-                    fontSize: 9.5,
-                    color: AppColors_1.AppColors.grayTextWeak,
-                }}>
+          {t.callerFile&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:8,paddingHorizontal:8,paddingVertical:4,backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0}}>
+                <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.sky600}size={10}/>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak}}>
                   Triggered from:
                 </react_native_1.Text>
-                <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9.5,
-                    color: AppColors_1.AppColors.sky600,
-                }} numberOfLines={1}>
-                  {callerBasename}:{selectedReduxAction.callerLine || 1}
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.sky600}}numberOfLines={1}>
+                  {p}:{t.callerLine||1}
                 </react_native_1.Text>
               </react_native_1.View>
 
-              <react_native_1.Pressable onPress={() => (0, helpers_1.openInVSCode)(selectedReduxAction.callerFile, selectedReduxAction.callerLine, selectedReduxAction.callerCol)} hitSlop={8} style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 3,
-                    backgroundColor: AppColors_1.AppColors.sky100,
-                    paddingHorizontal: 5,
-                    paddingVertical: 2,
-                    borderRadius: 4,
-                }}>
-                <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600} size={9}/>
-                <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 8.5,
-                    color: AppColors_1.AppColors.sky600,
-                }}>
+              <react_native_1.Pressable onPress={()=>(0,helpers_1.openInVSCode)(t.callerFile,t.callerLine,t.callerCol)}hitSlop={8}style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.sky100,paddingHorizontal:5,paddingVertical:2,borderRadius:4}}>
+                <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={9}/>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.sky600}}>
                   Open in Editor
                 </react_native_1.Text>
               </react_native_1.Pressable>
-            </react_native_1.View>)}
+            </react_native_1.View>}
 
           
-          <SegmentedTabs_1.default tabs={actionTabs} activeKey={actionTab} onChange={key => setActionTab(key)} style={{ marginTop: 10 }}/>
+          <SegmentedTabs_1.default tabs={c}activeKey={b}onChange={n=>F(n)}style={{marginTop:10}}/>
         </react_native_1.View>
 
         
-        {actionTab === 'payload' ? (<react_native_1.View style={{ flex: 1, padding: 10 }}>
-            {selectedReduxAction.payload !== undefined ? (<JsonViewer_1.default data={selectedReduxAction.payload} search={detailSearch} forceOpen={true} fullHeight={true} wrap={true}/>) : (<react_native_1.View style={reduxDetailStyles.emptyBox}>
+        {b==="payload"?<react_native_1.View style={{flex:1,padding:10}}>
+            {t.payload!==void 0?<JsonViewer_1.default data={t.payload}search={d}forceOpen={!0}fullHeight={!0}wrap={!0}/>:<react_native_1.View style={reduxDetailStyles.emptyBox}>
                 <react_native_1.Text style={reduxDetailStyles.emptyBoxText}>
                   This action has no payload dispatched.
                 </react_native_1.Text>
-              </react_native_1.View>)}
-          </react_native_1.View>) : actionTab === 'diff' ? (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 12, paddingBottom: 40 }} keyboardShouldPersistTaps="handled">
-            <DiffViewer_1.default oldData={selectedReduxAction.prevState || {}} newData={selectedReduxAction.nextState || {}} forceOpen={true}/>
-          </react_native_1.ScrollView>) : actionTab === 'stack' ? (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 12, paddingBottom: 40 }} keyboardShouldPersistTaps="handled">
-            {selectedReduxAction.stack ? (<react_native_1.View style={{
-                        backgroundColor: AppColors_1.AppColors.white,
-                        borderRadius: 10,
-                        padding: 10,
-                        borderWidth: 1,
-                        borderColor: AppColors_1.AppColors.dividerColor,
-                    }}>
+              </react_native_1.View>}
+          </react_native_1.View>:b==="diff"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
+            <DiffViewer_1.default oldData={t.prevState||{}}newData={t.nextState||{}}forceOpen={!0}/>
+          </react_native_1.ScrollView>:b==="stack"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
+            {t.stack?<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.white,borderRadius:10,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
                 <react_native_1.Text style={reduxDetailStyles.expandedSectionTitle}>
                   Dispatched from call stack:
                 </react_native_1.Text>
-                {selectedReduxAction.stack
-                        .split('\n')
-                        .map(l => l.trim())
-                        .filter(l => l.length > 0 &&
-                        !l.includes('reduxLogger') &&
-                        !l.includes('inspectorReduxMiddleware'))
-                        .map((frameLine, fIdx) => {
-                        const parsed = (0, helpers_1.parseStackLine)(frameLine, fIdx === 0);
-                        const isApp = parsed.frameType === 'app';
-                        return (<react_native_1.Pressable key={fIdx} onPress={() => {
-                                if (parsed.fileName !== 'Unknown') {
-                                    (0, helpers_1.openInVSCode)(parsed.fullPath || parsed.fileName, parsed.lineNumber, parsed.columnNumber);
-                                }
-                            }} style={{
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                justifyContent: 'space-between',
-                                paddingVertical: 5,
-                                borderBottomWidth: 0.5,
-                                borderBottomColor: AppColors_1.AppColors.dividerColor,
-                            }}>
-                        <react_native_1.View style={{ flex: 1, minWidth: 0 }}>
-                          <react_native_1.Text style={{
-                                fontFamily: isApp
-                                    ? AppFonts_1.AppFonts.interBold
-                                    : AppFonts_1.AppFonts.interRegular,
-                                fontSize: 10.5,
-                                color: isApp
-                                    ? AppColors_1.AppColors.primaryBlack
-                                    : AppColors_1.AppColors.grayTextWeak,
-                            }} numberOfLines={1}>
-                            {parsed.functionName || 'anonymous'}
+                {t.stack.split(`
+`).map(n=>n.trim()).filter(n=>n.length>0&&!n.includes("reduxLogger")&&!n.includes("inspectorReduxMiddleware")).map((n,o)=>{const s=(0,helpers_1.parseStackLine)(n,o===0),C=s.frameType==="app";return<react_native_1.Pressable key={o}onPress={()=>{s.fileName!=="Unknown"&&(0,helpers_1.openInVSCode)(s.fullPath||s.fileName,s.lineNumber,s.columnNumber)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:5,borderBottomWidth:.5,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+                        <react_native_1.View style={{flex:1,minWidth:0}}>
+                          <react_native_1.Text style={{fontFamily:C?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:C?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayTextWeak}}numberOfLines={1}>
+                            {s.functionName||"anonymous"}
                           </react_native_1.Text>
-                          <react_native_1.Text style={{
-                                fontFamily: AppFonts_1.AppFonts.interRegular,
-                                fontSize: 9,
-                                color: isApp
-                                    ? AppColors_1.AppColors.sky600
-                                    : AppColors_1.AppColors.grayTextWeak,
-                            }} numberOfLines={1}>
-                            {parsed.fileName}:{parsed.lineNumber || 1}:
-                            {parsed.columnNumber || 1}
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9,color:C?AppColors_1.AppColors.sky600:AppColors_1.AppColors.grayTextWeak}}numberOfLines={1}>
+                            {s.fileName}:{s.lineNumber||1}:
+                            {s.columnNumber||1}
                           </react_native_1.Text>
                         </react_native_1.View>
-                        {isApp && (<NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600} size={11}/>)}
-                      </react_native_1.Pressable>);
-                    })}
-              </react_native_1.View>) : (<react_native_1.View style={reduxDetailStyles.emptyBox}>
+                        {C&&<NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={11}/>}
+                      </react_native_1.Pressable>})}
+              </react_native_1.View>:<react_native_1.View style={reduxDetailStyles.emptyBox}>
                 <react_native_1.Text style={reduxDetailStyles.emptyBoxText}>
                   No call stack trace captured for this action.
                 </react_native_1.Text>
-              </react_native_1.View>)}
-          </react_native_1.ScrollView>) : (<react_native_1.View style={{ flex: 1, padding: 10 }}>
-            <JsonViewer_1.default data={selectedReduxAction} forceOpen={true} fullHeight={true} wrap={true}/>
-          </react_native_1.View>)}
-      </react_native_1.View>);
-    }
-    return (<react_native_1.View style={reduxDetailStyles.emptyBox}>
-      <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple} size={32}/>
+              </react_native_1.View>}
+          </react_native_1.ScrollView>:<react_native_1.View style={{flex:1,padding:10}}>
+            <JsonViewer_1.default data={t}forceOpen={!0}fullHeight={!0}wrap={!0}/>
+          </react_native_1.View>}
+      </react_native_1.View>}return<react_native_1.View style={reduxDetailStyles.emptyBox}>
+      <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={32}/>
       <react_native_1.Text style={reduxDetailStyles.emptyBoxTitle}>
         No Redux Slice Selected
       </react_native_1.Text>
@@ -962,298 +355,4 @@ const ReduxDetail = react_1.default.memo(() => {
         Select a slice from the Redux tab to inspect its state and dispatched
         actions.
       </react_native_1.Text>
-    </react_native_1.View>);
-});
-const reduxDetailStyles = react_native_1.StyleSheet.create({
-    infoBar: {
-        backgroundColor: AppColors_1.AppColors.white,
-        padding: 12,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-    },
-    infoTopRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginBottom: 8,
-    },
-    methodBadge: {
-        paddingHorizontal: 7,
-        paddingVertical: 2.5,
-        borderRadius: 5,
-    },
-    methodBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.white,
-        letterSpacing: 0.4,
-    },
-    sliceNameText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 14,
-        color: AppColors_1.AppColors.primaryBlack,
-        flexShrink: 1,
-    },
-    persistedChip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 3.5,
-        backgroundColor: AppColors_1.AppColors.mintGreenBg,
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.mintGreenBorder,
-    },
-    persistedChipText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors_1.AppColors.mintGreenText,
-    },
-    inMemoryChip: {
-        backgroundColor: AppColors_1.AppColors.indigo50,
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.blueBorder,
-    },
-    inMemoryChipText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors_1.AppColors.indigo600Alt,
-    },
-    subStatsRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        flexWrap: 'wrap',
-    },
-    statPill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        paddingHorizontal: 6,
-        paddingVertical: 2.5,
-        borderRadius: 5,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    statPillText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayText,
-    },
-    statLabel: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    statValue: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    searchContainer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 8,
-        marginHorizontal: 12,
-        marginTop: 10,
-        paddingHorizontal: 10,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        height: 36,
-        gap: 8,
-    },
-    searchInput: {
-        flex: 1,
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 12,
-        color: AppColors_1.AppColors.primaryBlack,
-        padding: 0,
-    },
-    timelineCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 10,
-        padding: 12,
-        marginBottom: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        shadowColor: AppColors_1.AppColors.primaryBlack,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.03,
-        shadowRadius: 3,
-        elevation: 1,
-    },
-    timelineHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-    },
-    actionBadge: {
-        backgroundColor: AppColors_1.AppColors.indigo50,
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.blueBorder,
-    },
-    actionBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.indigo600Alt,
-    },
-    actionTitle: {
-        flex: 1,
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    timePill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 3,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-    },
-    timeText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.purple,
-    },
-    collapsedPrompt: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginTop: 8,
-        paddingTop: 6,
-        borderTopWidth: 1,
-        borderTopColor: AppColors_1.AppColors.dividerColor,
-    },
-    collapsedPromptText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    expandedContent: {
-        marginTop: 10,
-        paddingTop: 10,
-        borderTopWidth: 1,
-        borderTopColor: AppColors_1.AppColors.dividerColor,
-    },
-    expandedSectionTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextStrong,
-        marginBottom: 6,
-    },
-    metadataCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 12,
-        padding: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        shadowColor: AppColors_1.AppColors.primaryBlack,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.03,
-        shadowRadius: 3,
-        elevation: 1,
-    },
-    metaRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        paddingVertical: 10,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-    },
-    metaLabel: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 12,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    metaValue: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.primaryBlack,
-        maxWidth: '60%',
-        textAlign: 'right',
-    },
-    persistedInfoCard: {
-        backgroundColor: AppColors_1.AppColors.mintGreenBg,
-        borderRadius: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.mintGreenBorder,
-        padding: 10,
-    },
-    persistedInfoTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11,
-        color: AppColors_1.AppColors.mintGreenText,
-    },
-    clearPersistMiniBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 3,
-        backgroundColor: AppColors_1.AppColors.errorCardBg,
-        paddingHorizontal: 6,
-        paddingVertical: 2.5,
-        borderRadius: 4,
-    },
-    clearPersistMiniText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.errorColor,
-    },
-    clearPersistBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 6,
-        backgroundColor: AppColors_1.AppColors.errorCardBg,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.errorBorder,
-        borderRadius: 8,
-        paddingVertical: 10,
-        marginTop: 14,
-    },
-    clearPersistText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.errorColor,
-    },
-    emptyBox: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 12,
-        padding: 24,
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        margin: 12,
-        gap: 8,
-    },
-    emptyBoxTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 14,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    emptyBoxText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 12,
-        color: AppColors_1.AppColors.grayTextWeak,
-        textAlign: 'center',
-        lineHeight: 18,
-    },
-    highlight: {
-        backgroundColor: AppColors_1.AppColors.yellowHighlight,
-        color: AppColors_1.AppColors.amber800Warm,
-        fontFamily: AppFonts_1.AppFonts.interBold,
-    },
-});
-exports.default = ReduxDetail;
+    </react_native_1.View>}),reduxDetailStyles=react_native_1.StyleSheet.create({infoBar:{backgroundColor:AppColors_1.AppColors.white,padding:12,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},infoTopRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:8},methodBadge:{paddingHorizontal:7,paddingVertical:2.5,borderRadius:5},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.white,letterSpacing:.4},sliceNameText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack,flexShrink:1},persistedChip:{flexDirection:"row",alignItems:"center",gap:3.5,backgroundColor:AppColors_1.AppColors.mintGreenBg,paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.mintGreenBorder},persistedChipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.mintGreenText},inMemoryChip:{backgroundColor:AppColors_1.AppColors.indigo50,paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.blueBorder},inMemoryChipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.indigo600Alt},subStatsRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"},statPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},statPillText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayText},statLabel:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},statValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.primaryBlack},searchContainer:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.white,borderRadius:8,marginHorizontal:12,marginTop:10,paddingHorizontal:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,height:36,gap:8},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.primaryBlack,padding:0},timelineCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:1},shadowOpacity:.03,shadowRadius:3,elevation:1},timelineHeader:{flexDirection:"row",alignItems:"center",gap:8},actionBadge:{backgroundColor:AppColors_1.AppColors.indigo50,paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.blueBorder},actionBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.indigo600Alt},actionTitle:{flex:1,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},timePill:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:6,paddingVertical:2,borderRadius:4},timeText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.purple},collapsedPrompt:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:8,paddingTop:6,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},collapsedPromptText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},expandedContent:{marginTop:10,paddingTop:10,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},expandedSectionTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.grayTextStrong,marginBottom:6},metadataCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:1},shadowOpacity:.03,shadowRadius:3,elevation:1},metaRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:10,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},metaLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.grayTextWeak},metaValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack,maxWidth:"60%",textAlign:"right"},persistedInfoCard:{backgroundColor:AppColors_1.AppColors.mintGreenBg,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.mintGreenBorder,padding:10},persistedInfoTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.mintGreenText},clearPersistMiniBtn:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.errorCardBg,paddingHorizontal:6,paddingVertical:2.5,borderRadius:4},clearPersistMiniText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.errorColor},clearPersistBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:AppColors_1.AppColors.errorCardBg,borderWidth:1,borderColor:AppColors_1.AppColors.errorBorder,borderRadius:8,paddingVertical:10,marginTop:14},clearPersistText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.errorColor},emptyBox:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:24,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,margin:12,gap:8},emptyBoxTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack},emptyBoxText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.grayTextWeak,textAlign:"center",lineHeight:18},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.amber800Warm,fontFamily:AppFonts_1.AppFonts.interBold}});exports.default=ReduxDetail;