react-native-inapp-inspector 2.4.1 → 2.5.0

package/dist/esm/components/Inspector/PushDetail.js

@@ -1,37 +1,37 @@
-import j,{useMemo as M,useState as J}from"react";import{Image as K,ScrollView as P,StyleSheet as E,Text as T,View as C}from"react-native";import B from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as V}from"../../styles/AppFonts";import{formatDateTime as _}from"../../helpers";import{sharePushReport as Y}from"../../helpers/shareFormatter";import G from"../ShareButton";import R from"../CopyButton";import F from"../JsonViewer";import Q from"../SegmentedTabs";import{BellIcon as X,ClockIcon as Z,CloudPushIcon as Te,EyeIcon as Ce,LayersIcon as Ve,MetadataIcon as Se,RawJsonIcon as Be}from"../NetworkIcons";const A=j.memo(function({item:o}){const[z,N]=J("preview"),D=M(()=>o?_(o.timestamp):"",[o]);if(!o)return null;const W=async()=>{await Y(o)},H=[{key:"preview",label:"Preview",themeColor:e.brandPurple,icon:S=><Ce size={12}color={S?e.white:e.grayText}/>},{key:"payload",label:"Custom Payload",themeColor:e.violet600,icon:S=><Ve size={12}color={S?e.white:e.grayText}/>},{key:"headers",label:"Delivery Metadata",themeColor:e.teal600,icon:S=><Se size={12}color={S?e.white:e.grayText}/>},{key:"raw",label:"Raw Payload",themeColor:e.sky600,icon:S=><Be size={12}color={S?e.white:e.grayText}/>}],O=(o.source||"PUSH").toUpperCase(),L=(o.appState||"STATE").toUpperCase(),$=!!(o.data?.deepLink||o.data?.openDirectUrl||o.data?._od||o.customDomainAttributes?.openDirectUrl),U=o.data?.deepLink||o.data?.openDirectUrl||o.data?._od||o.customDomainAttributes?.openDirectUrl||"";return<C style={{flex:1}}>
+import U,{useMemo as j,useState as J}from"react";import{Image as K,ScrollView as P,StyleSheet as E,Text as T,View as C}from"react-native";import I from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as V}from"../../styles/AppFonts";import{useTranslation as _}from"../../i18n";import{formatDateTime as Y}from"../../helpers";import{sharePushReport as q}from"../../helpers/shareFormatter";import G from"../ShareButton";import R from"../CopyButton";import F from"../JsonViewer";import Q from"../SegmentedTabs";import{BellIcon as X,ClockIcon as Z,CloudPushIcon as Te,EyeIcon as Ce,LayersIcon as Ve,MetadataIcon as Se,RawJsonIcon as Be,LinkChainIcon as Ie,VolumeIcon as De,BoltIcon as Pe,BuildingIcon as Re,SettingsIcon as Fe}from"../NetworkIcons";const A=U.memo(function({item:o}){const{t:S}=_(),[z,N]=J("preview"),v=j(()=>o?Y(o.timestamp):"",[o]);if(!o)return null;const W=async()=>{await q(o)},H=[{key:"preview",label:S("push.preview","Preview"),themeColor:e.brandPurple,icon:B=><Ce size={12}color={B?e.white:e.grayText}/>},{key:"payload",label:S("push.payload","Custom Payload"),themeColor:e.violet600,icon:B=><Ve size={12}color={B?e.white:e.grayText}/>},{key:"headers",label:S("push.deliveryMetadata","Delivery Metadata"),themeColor:e.teal600,icon:B=><Se size={12}color={B?e.white:e.grayText}/>},{key:"raw",label:S("push.rawPayload","Raw Payload"),themeColor:e.sky600,icon:B=><Be size={12}color={B?e.white:e.grayText}/>}],O=(o.source||"PUSH").toUpperCase(),L=(o.appState||"STATE").toUpperCase(),$=!!(o.data?.deepLink||o.data?.openDirectUrl||o.data?._od||o.customDomainAttributes?.openDirectUrl),M=o.data?.deepLink||o.data?.openDirectUrl||o.data?._od||o.customDomainAttributes?.openDirectUrl||"";return<C style={{flex:1}}>
       
       <C style={{paddingHorizontal:8,paddingTop:4}}>
-        <C style={B.detailInfoBar}>
+        <C style={I.detailInfoBar}>
           
           <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",gap:6,paddingBottom:8,borderBottomWidth:1,borderBottomColor:e.dividerColor}}>
             <C style={{flexDirection:"row",alignItems:"center",gap:5,flexWrap:"wrap",flex:1}}>
               
-              <C style={[B.methodBadge,{backgroundColor:e.brandPurple,paddingHorizontal:8,paddingVertical:3.5,borderRadius:6,flexDirection:"row",alignItems:"center",gap:4}]}>
+              <C style={[I.methodBadge,{backgroundColor:e.brandPurple,paddingHorizontal:8,paddingVertical:3.5,borderRadius:6,flexDirection:"row",alignItems:"center",gap:4}]}>
                 <Te size={10}color={e.white}/>
-                <T style={[B.methodBadgeText,{color:e.white,fontSize:10.5,fontFamily:V.interBold}]}>
+                <T style={[I.methodBadgeText,{color:e.white,fontSize:10.5,fontFamily:V.interBold}]}>
                   {O}
                 </T>
               </C>
 
               
-              <C style={[B.chip,{backgroundColor:o.appState==="foreground"?`${e.greenColor}18`:`${e.amber600}18`,borderColor:o.appState==="foreground"?`${e.greenColor}40`:`${e.amber600}40`,paddingHorizontal:6,paddingVertical:3,borderRadius:6}]}>
-                <T style={[B.chipText,{fontFamily:V.interBold,fontSize:9.5,color:o.appState==="foreground"?e.greenColor:e.amber700}]}>
+              <C style={[I.chip,{backgroundColor:o.appState==="foreground"?`${e.greenColor}18`:`${e.amber600}18`,borderColor:o.appState==="foreground"?`${e.greenColor}40`:`${e.amber600}40`,paddingHorizontal:6,paddingVertical:3,borderRadius:6}]}>
+                <T style={[I.chipText,{fontFamily:V.interBold,fontSize:9.5,color:o.appState==="foreground"?e.greenColor:e.amber700}]}>
                   {L}
                 </T>
               </C>
 
               
-              {o.action&&<C style={[B.chip,{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}30`,paddingHorizontal:6,paddingVertical:3,borderRadius:6}]}>
-                  <T style={[B.chipText,{fontFamily:V.interBold,fontSize:9.5,color:e.purple}]}>
+              {o.action&&<C style={[I.chip,{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}30`,paddingHorizontal:6,paddingVertical:3,borderRadius:6}]}>
+                  <T style={[I.chipText,{fontFamily:V.interBold,fontSize:9.5,color:e.purple}]}>
                     {o.action.toUpperCase()}
                   </T>
                 </C>}
 
               
-              <C style={[B.chip,{backgroundColor:`${e.brandPurple}10`,borderColor:`${e.brandPurple}25`,paddingHorizontal:7,paddingVertical:3,borderRadius:6,gap:4}]}>
+              <C style={[I.chip,{backgroundColor:`${e.brandPurple}10`,borderColor:`${e.brandPurple}25`,paddingHorizontal:7,paddingVertical:3,borderRadius:6,gap:4}]}>
                 <Z color={e.brandPurple}size={10}/>
-                <T style={[B.chipText,{color:e.brandPurple,fontFamily:V.interBold,fontSize:10.5}]}>
-                  {D}
+                <T style={[I.chipText,{color:e.brandPurple,fontFamily:V.interBold,fontSize:10.5}]}>
+                  {v}
                 </T>
               </C>
             </C>
@@ -64,11 +64,12 @@ import j,{useMemo as M,useState as J}from"react";import{Image as K,ScrollView as
                   {o.body}
                 </T>:null}
               {$?<C style={{flexDirection:"row",alignItems:"center",gap:4,marginTop:2}}>
+                  <Ie size={11}color={e.brandPurple}/>
                   <T style={{fontSize:10,fontFamily:V.interBold,color:e.brandPurple}}>
-                    🔗 LINK:
+                    {S("push.link","LINK")}:
                   </T>
                   <T style={{fontSize:10.5,fontFamily:V.interRegular,color:e.sky600}}numberOfLines={1}>
-                    {U}
+                    {M}
                   </T>
                 </C>:null}
             </C>
@@ -78,7 +79,7 @@ import j,{useMemo as M,useState as J}from"react";import{Image as K,ScrollView as
 
       
       <C style={{paddingHorizontal:8,paddingVertical:6}}>
-        <Q tabs={H}activeKey={z}onChange={S=>N(S)}scrollable={!0}/>
+        <Q tabs={H}activeKey={z}onChange={B=>N(B)}scrollable={!0}/>
       </C>
 
       
@@ -91,9 +92,9 @@ import j,{useMemo as M,useState as J}from"react";import{Image as K,ScrollView as
                   <X size={12}color={e.white}/>
                 </C>
                 <T style={t.mockupAppName}>
-                  {o.domain||"App Notification"}
+                  {o.domain||S("push.appNotification","App Notification")}
                 </T>
-                <T style={t.mockupTime}>• now</T>
+                <T style={t.mockupTime}>• {S("push.now","now")}</T>
               </C>
 
               
@@ -117,25 +118,30 @@ import j,{useMemo as M,useState as J}from"react";import{Image as K,ScrollView as
                 {o.channelId?<C style={t.tagPill}>
                     <T style={t.tagPillText}>Channel: {o.channelId}</T>
                   </C>:null}
-                {o.sound?<C style={t.tagPill}>
-                    <T style={t.tagPillText}>🔊 {o.sound}</T>
+                {o.sound?<C style={[t.tagPill,{flexDirection:"row",alignItems:"center",gap:4}]}>
+                    <De size={11}color={e.violet600}/>
+                    <T style={t.tagPillText}>{o.sound}</T>
                   </C>:null}
                 {o.badge!=null?<C style={t.tagPill}>
                     <T style={t.tagPillText}>Badge: {o.badge}</T>
                   </C>:null}
-                {o.priority?<C style={t.tagPill}>
-                    <T style={t.tagPillText}>⚡ {o.priority}</T>
+                {o.priority?<C style={[t.tagPill,{flexDirection:"row",alignItems:"center",gap:4}]}>
+                    <Pe size={11}color={e.amber600}/>
+                    <T style={t.tagPillText}>{o.priority}</T>
                   </C>:null}
               </C>
             </C>
 
             
             {o.customDomainAttributes&&Object.keys(o.customDomainAttributes).length>0&&<C style={t.sectionCard}>
-                <T style={t.sectionTitle}>🏢 Domain Specific Fields</T>
-                {Object.entries(o.customDomainAttributes).map(([S,I])=><C key={S}style={t.keyValRow}>
-                    <T style={t.keyText}>{S}:</T>
+                <C style={{flexDirection:"row",alignItems:"center",gap:6,marginBottom:8}}>
+                  <Re size={13}color={e.blue600}/>
+                  <T style={t.sectionTitle}>{S("push.domainFields","Domain Specific Fields")}</T>
+                </C>
+                {Object.entries(o.customDomainAttributes).map(([B,D])=><C key={B}style={t.keyValRow}>
+                    <T style={t.keyText}>{B}:</T>
                     <T style={t.valText}numberOfLines={2}>
-                      {typeof I=="object"?JSON.stringify(I):String(I)}
+                      {typeof D=="object"?JSON.stringify(D):String(D)}
                     </T>
                   </C>)}
               </C>}
@@ -145,41 +151,44 @@ import j,{useMemo as M,useState as J}from"react";import{Image as K,ScrollView as
 
         {z==="headers"&&<P contentContainerStyle={t.scrollContent}>
             <C style={t.sectionCard}>
-              <T style={t.sectionTitle}>⚙️ Delivery & Message Metadata</T>
+              <C style={{flexDirection:"row",alignItems:"center",gap:6,marginBottom:8}}>
+                <Fe size={13}color={e.slate600}/>
+                <T style={t.sectionTitle}>{S("push.deliveryMetadata","Delivery & Message Metadata")}</T>
+              </C>
               <C style={t.keyValRow}>
-                <T style={t.keyText}>Message ID:</T>
+                <T style={t.keyText}>{S("push.messageId","Message ID:")}</T>
                 <T style={t.valText}selectable>{o.id||"N/A"}</T>
               </C>
               <C style={t.keyValRow}>
-                <T style={t.keyText}>Source / Domain:</T>
+                <T style={t.keyText}>{S("push.sourceDomain","Source / Domain:")}</T>
                 <T style={t.valText}>{o.domain||o.source||"N/A"}</T>
               </C>
               <C style={t.keyValRow}>
-                <T style={t.keyText}>App State:</T>
+                <T style={t.keyText}>{S("push.appState","App State:")}</T>
                 <T style={t.valText}>{o.appState}</T>
               </C>
               <C style={t.keyValRow}>
-                <T style={t.keyText}>Action Type:</T>
+                <T style={t.keyText}>{S("push.actionType","Action Type:")}</T>
                 <T style={t.valText}>{o.action}</T>
               </C>
               <C style={t.keyValRow}>
-                <T style={t.keyText}>Timestamp:</T>
-                <T style={t.valText}>{D}</T>
+                <T style={t.keyText}>{S("push.timestamp","Timestamp:")}</T>
+                <T style={t.valText}>{v}</T>
               </C>
               <C style={t.keyValRow}>
-                <T style={t.keyText}>Channel ID:</T>
+                <T style={t.keyText}>{S("push.channelId","Channel ID:")}</T>
                 <T style={t.valText}>{o.channelId||"default"}</T>
               </C>
               <C style={t.keyValRow}>
-                <T style={t.keyText}>Sound:</T>
+                <T style={t.keyText}>{S("push.sound","Sound:")}</T>
                 <T style={t.valText}>{o.sound||"default"}</T>
               </C>
               <C style={t.keyValRow}>
-                <T style={t.keyText}>Badge Count:</T>
+                <T style={t.keyText}>{S("push.badgeCount","Badge Count:")}</T>
                 <T style={t.valText}>{o.badge!=null?o.badge:"None"}</T>
               </C>
               <C style={t.keyValRow}>
-                <T style={t.keyText}>Collapse Key:</T>
+                <T style={t.keyText}>{S("push.collapseKey","Collapse Key:")}</T>
                 <T style={t.valText}>{o.collapseKey||"None"}</T>
               </C>
             </C>
@@ -187,4 +196,4 @@ import j,{useMemo as M,useState as J}from"react";import{Image as K,ScrollView as
 
         {z==="raw"&&<F data={o.rawPayload||o}fullHeight={!0}/>}
       </C>
-    </C>}),t=E.create({container:{flex:1,backgroundColor:e.white},headerBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:e.dividerColor,backgroundColor:e.white},headerLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1},backBtn:{width:32,height:32,borderRadius:8,backgroundColor:e.grayBackground,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:e.dividerColor},titleWrap:{flex:1,gap:2},badgeRow:{flexDirection:"row",alignItems:"center",gap:5},sourceBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${e.brandPurple}14`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:`${e.brandPurple}30`},sourceBadgeText:{fontSize:9,fontFamily:V.interBold,color:e.brandPurple},stateBadge:{backgroundColor:`${e.greenColor}14`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:`${e.greenColor}30`},stateBadgeText:{fontSize:9,fontFamily:V.interBold,color:e.greenColor},headerTitle:{fontSize:13,fontFamily:V.interSemiBold,color:e.primaryBlack},headerActions:{flexDirection:"row",alignItems:"center",gap:6},tabsContainer:{paddingHorizontal:10,paddingVertical:6,backgroundColor:e.grayBackground,borderBottomWidth:1,borderBottomColor:e.dividerColor},bodyContainer:{flex:1},scrollContent:{padding:12,gap:12},mockupCard:{backgroundColor:e.white,borderRadius:14,borderWidth:1,borderColor:e.dividerColor,padding:14,gap:8,shadowColor:"#000",shadowOpacity:.05,shadowOffset:{width:0,height:2},shadowRadius:6,elevation:2},mockupHeader:{flexDirection:"row",alignItems:"center",gap:6},mockupAppIcon:{width:20,height:20,borderRadius:5,backgroundColor:e.brandPurple,alignItems:"center",justifyContent:"center"},mockupAppName:{fontSize:11,fontFamily:V.interSemiBold,color:e.primaryBlack,textTransform:"uppercase"},mockupTime:{fontSize:10,fontFamily:V.interRegular,color:e.grayTextWeak},mockupImage:{width:"100%",height:140,borderRadius:8,marginVertical:4},mockupTitle:{fontSize:14,fontFamily:V.interBold,color:e.primaryBlack},mockupSubtitle:{fontSize:12,fontFamily:V.interMedium,color:e.grayText},mockupBody:{fontSize:12.5,fontFamily:V.interRegular,color:e.grayText,lineHeight:18},mockupFooterTags:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6,marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor},tagPill:{backgroundColor:e.grayBackground,paddingHorizontal:6,paddingVertical:3,borderRadius:4,borderWidth:1,borderColor:e.dividerColor},tagPillText:{fontSize:10,fontFamily:V.interMedium,color:e.grayText},sectionCard:{backgroundColor:e.white,borderRadius:12,borderWidth:1,borderColor:e.dividerColor,padding:12,gap:8},sectionTitle:{fontSize:12,fontFamily:V.interBold,color:e.primaryBlack,marginBottom:4},keyValRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:3,borderBottomWidth:.5,borderBottomColor:`${e.dividerColor}40`,gap:8},keyText:{fontSize:11,fontFamily:V.interMedium,color:e.grayTextWeak},valText:{fontSize:11,fontFamily:V.interSemiBold,color:e.primaryBlack,textAlign:"right",flexShrink:1}});A.displayName="PushDetail";export default A;
+    </C>}),t=E.create({container:{flex:1,backgroundColor:e.white},headerBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:e.dividerColor,backgroundColor:e.white},headerLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1},backBtn:{width:32,height:32,borderRadius:8,backgroundColor:e.grayBackground,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:e.dividerColor},titleWrap:{flex:1,gap:2},badgeRow:{flexDirection:"row",alignItems:"center",gap:5},sourceBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${e.brandPurple}14`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:`${e.brandPurple}30`},sourceBadgeText:{fontSize:9,fontFamily:V.interBold,color:e.brandPurple},stateBadge:{backgroundColor:`${e.greenColor}14`,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:`${e.greenColor}30`},stateBadgeText:{fontSize:9,fontFamily:V.interBold,color:e.greenColor},headerTitle:{fontSize:13,fontFamily:V.interSemiBold,color:e.primaryBlack},headerActions:{flexDirection:"row",alignItems:"center",gap:6},tabsContainer:{paddingHorizontal:10,paddingVertical:6,backgroundColor:e.grayBackground,borderBottomWidth:1,borderBottomColor:e.dividerColor},bodyContainer:{flex:1},scrollContent:{padding:12,gap:12},mockupCard:{backgroundColor:e.white,borderRadius:14,borderWidth:1,borderColor:e.dividerColor,padding:14,gap:8,shadowColor:e.black,shadowOpacity:.05,shadowOffset:{width:0,height:2},shadowRadius:6,elevation:2},mockupHeader:{flexDirection:"row",alignItems:"center",gap:6},mockupAppIcon:{width:20,height:20,borderRadius:5,backgroundColor:e.brandPurple,alignItems:"center",justifyContent:"center"},mockupAppName:{fontSize:11,fontFamily:V.interSemiBold,color:e.primaryBlack,textTransform:"uppercase"},mockupTime:{fontSize:10,fontFamily:V.interRegular,color:e.grayTextWeak},mockupImage:{width:"100%",height:140,borderRadius:8,marginVertical:4},mockupTitle:{fontSize:14,fontFamily:V.interBold,color:e.primaryBlack},mockupSubtitle:{fontSize:12,fontFamily:V.interMedium,color:e.grayText},mockupBody:{fontSize:12.5,fontFamily:V.interRegular,color:e.grayText,lineHeight:18},mockupFooterTags:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:6,marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor},tagPill:{backgroundColor:e.grayBackground,paddingHorizontal:6,paddingVertical:3,borderRadius:4,borderWidth:1,borderColor:e.dividerColor},tagPillText:{fontSize:10,fontFamily:V.interMedium,color:e.grayText},sectionCard:{backgroundColor:e.white,borderRadius:12,borderWidth:1,borderColor:e.dividerColor,padding:12,gap:8},sectionTitle:{fontSize:12,fontFamily:V.interBold,color:e.primaryBlack,marginBottom:4},keyValRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:3,borderBottomWidth:.5,borderBottomColor:`${e.dividerColor}40`,gap:8},keyText:{fontSize:11,fontFamily:V.interMedium,color:e.grayTextWeak},valText:{fontSize:11,fontFamily:V.interSemiBold,color:e.primaryBlack,textAlign:"right",flexShrink:1}});A.displayName="PushDetail";export default A;

package/dist/esm/components/Inspector/PushTab.js

@@ -1,45 +1,45 @@
-import j,{useCallback as V,useMemo as E,useRef as le,useState as q}from"react";import{FlatList as Ce,Platform as K,Pressable as Se,ScrollView as Pe,StyleSheet as Te,Text as Ie,TextInput as Be,View as C}from"react-native";import{useInspector as Re}from"./InspectorContext";import Le from"./PushCard";import F from"../TouchableScale";import Ve from"../AnimatedEntrance";import Ee from"../EmptyState";import Fe from"../EndOfListFooter";import S from"../../styles";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as U}from"../../styles/AppFonts";import{ClearIcon as Ae,SearchIcon as Me,TrashIcon as Oe,BellIcon as We,SunIcon as $e,MoonIcon as He,ExternalLinkIcon as Ne,CloudPushIcon as _e,BoltIcon as De}from"../NetworkIcons";const G=10,J=j.memo(()=>{const{pushRecords:x,filteredPushRecords:P,pushSearch:r,setPushSearch:z,pushQuickFilter:T,setPushQuickFilter:A,setSelectedPush:M,clearAllPushLogs:X,simulatePush:O,maxPushLogs:B}=Re(),Y=B||50,W=le(null),[v,Z]=q(0),[$,H]=q(Y);j.useEffect(()=>{H(B||50),W.current?.scrollToOffset({offset:0,animated:!1})},[r,T,B]);const R=E(()=>P.slice(0,$),[P,$]),N=["salesforce","fcm","apns","deeplink","rich_media"],ee=V(()=>{const e=N[v%N.length];O(e),Z(o=>o+1)},[v,O]),_=E(()=>{let e=0,o=0,I=0;const k={};return x.forEach(L=>{const D=(L.appState||"").toLowerCase();D==="foreground"&&e++,D==="background"&&o++,L.action==="opened"&&I++;const Q=(L.source||"other").toLowerCase();k[Q]=(k[Q]||0)+1}),{all:x.length,foreground:e,background:o,opened:I,sources:k}},[x]),oe=E(()=>{const e=[{id:"all",label:"All",color:t.purple,icon:o=><We size={12}color={o}/>},{id:"foreground",label:"Foreground",color:t.greenColor,icon:o=><$e size={12}color={o}/>},{id:"background",label:"Background",color:t.darkOrange,icon:o=><He size={12}color={o}/>},{id:"opened",label:"Opened",color:t.brandPurple,icon:o=><Ne size={12}color={o}/>}];return Object.entries(_.sources).forEach(([o,I])=>{I>0&&o!=="all"&&e.push({id:`source:${o}`,label:o.toUpperCase(),color:o==="salesforce"?t.sky600:t.brandPurple,icon:k=><_e size={12}color={k}/>})}),e},[_]),te=V(({item:e,index:o})=><Ve index={o}distance={8}>
-        <Le item={e}searchStr={r}onPress={()=>M(e)}/>
-      </Ve>,[r,M]),re=V(e=>e.id||`push_${e.timestamp}`,[]);return<C style={{flex:1}}>
+import K,{useCallback as B,useMemo as F,useRef as ne,useState as U}from"react";import{FlatList as Ce,Platform as Se,Pressable as Pe,ScrollView as Te,StyleSheet as we,Text as Ie,TextInput as Be,View as C}from"react-native";import{useInspector as Re}from"./InspectorContext";import Le from"./PushCard";import A from"../TouchableScale";import Ve from"../AnimatedEntrance";import Ee from"../EmptyState";import Fe from"../EndOfListFooter";import S from"../../styles";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as G}from"../../styles/AppFonts";import{useTranslation as Ae}from"../../i18n";import{ClearIcon as Me,SearchIcon as Oe,TrashIcon as Ne,BellIcon as We,SunIcon as He,MoonIcon as $e,ExternalLinkIcon as De,CloudPushIcon as _e,BoltIcon as Qe}from"../NetworkIcons";const J=10,X=K.memo(()=>{const{t:x}=Ae(),{pushRecords:I,filteredPushRecords:P,pushSearch:r,setPushSearch:R,pushQuickFilter:T,setPushQuickFilter:M,setSelectedPush:O,clearAllPushLogs:Y,simulatePush:N,maxPushLogs:L}=Re(),Z=L||50,W=ne(null),[v,ee]=U(0),[H,$]=U(Z);K.useEffect(()=>{$(L||50),W.current?.scrollToOffset({offset:0,animated:!1})},[r,T,L]);const V=F(()=>P.slice(0,H),[P,H]),D=["salesforce","fcm","apns","deeplink","rich_media"],oe=B(()=>{const e=D[v%D.length];N(e),ee(o=>o+1)},[v,N]),_=F(()=>{let e=0,o=0,z=0;const w={};return I.forEach(E=>{const Q=(E.appState||"").toLowerCase();Q==="foreground"&&e++,Q==="background"&&o++,E.action==="opened"&&z++;const q=(E.source||"other").toLowerCase();w[q]=(w[q]||0)+1}),{all:I.length,foreground:e,background:o,opened:z,sources:w}},[I]),te=F(()=>{const e=[{id:"all",label:"All",color:t.purple,icon:o=><We size={12}color={o}/>},{id:"foreground",label:"Foreground",color:t.greenColor,icon:o=><He size={12}color={o}/>},{id:"background",label:"Background",color:t.darkOrange,icon:o=><$e size={12}color={o}/>},{id:"opened",label:"Opened",color:t.brandPurple,icon:o=><De size={12}color={o}/>}];return Object.entries(_.sources).forEach(([o,z])=>{z>0&&o!=="all"&&e.push({id:`source:${o}`,label:o.toUpperCase(),color:o==="salesforce"?t.sky600:t.brandPurple,icon:w=><_e size={12}color={w}/>})}),e},[_]),j=B(e=>{O(e)},[O]),re=B(({item:e,index:o})=><Ve index={o}distance={8}>
+        <Le item={e}searchStr={r}onPress={()=>j(e)}/>
+      </Ve>,[r,j]),le=B(e=>e.id||`push_${e.timestamp}`,[]);return<C style={{flex:1}}>
       
       <C style={{marginTop:6}}>
         <C style={S.toolbarRow}>
           <C style={[S.searchContainer,{flex:1,marginRight:8,height:38}]}>
             <C style={S.searchIcon}>
-              <Me color={t.grayTextWeak}size={15}/>
+              <Oe color={t.grayTextWeak}size={15}/>
             </C>
-            <Be style={[S.searchInput,{paddingVertical:0}]}placeholder="Search notifications..."placeholderTextColor={t.grayTextWeak}value={r}onChangeText={z}autoCapitalize="none"autoCorrect={!1}returnKeyType="search"clearButtonMode="while-editing"/>
-            {r.length>0&&K.OS==="android"&&<C style={{position:"absolute",right:8,top:0,bottom:0,justifyContent:"center"}}>
-                <Se onPress={()=>z("")}hitSlop={10}style={S.clearBtn}>
-                  <Ae color={t.grayTextWeak}size={13}/>
-                </Se>
+            <Be style={[S.searchInput,{paddingVertical:0}]}placeholder="Search notifications..."placeholderTextColor={t.grayTextWeak}value={r}onChangeText={R}autoCapitalize="none"autoCorrect={!1}returnKeyType="search"clearButtonMode="while-editing"/>
+            {r.length>0&&Se.OS==="android"&&<C style={{position:"absolute",right:8,top:0,bottom:0,justifyContent:"center"}}>
+                <Pe onPress={()=>R("")}hitSlop={10}style={S.clearBtn}>
+                  <Me color={t.grayTextWeak}size={13}/>
+                </Pe>
               </C>}
           </C>
 
           <C style={S.toolbarRight}>
-            <F style={[S.toolbarBtn,{backgroundColor:`${t.brandPurple}14`,borderColor:`${t.brandPurple}30`}]}onPress={ee}hitSlop={6}accessibilityRole="button"accessibilityLabel="Simulate incoming push notification">
-              <De color={t.brandPurple}size={15}/>
-            </F>
+            <A style={[S.toolbarBtn,{backgroundColor:`${t.brandPurple}14`,borderColor:`${t.brandPurple}30`}]}onPress={oe}hitSlop={6}accessibilityRole="button"accessibilityLabel="Simulate incoming push notification">
+              <Qe color={t.brandPurple}size={15}/>
+            </A>
 
-            {x.length>0&&<F style={[S.toolbarBtn,{borderColor:`${t.errorColor}38`,backgroundColor:`${t.errorColor}0F`}]}onPress={X}hitSlop={6}accessibilityRole="button"accessibilityLabel="Clear all push notification history">
-                <Oe color={t.errorColor}size={15}/>
-              </F>}
+            {I.length>0&&<A style={[S.toolbarBtn,{borderColor:`${t.errorColor}38`,backgroundColor:`${t.errorColor}0F`}]}onPress={Y}hitSlop={6}accessibilityRole="button"accessibilityLabel="Clear all push notification history">
+                <Ne color={t.errorColor}size={15}/>
+              </A>}
           </C>
         </C>
       </C>
 
       
-      <C style={w.carouselWrapper}>
-        <Pe horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={w.carouselContent}>
-          {oe.map(e=>{const o=T===e.id;return<F key={e.id}onPress={()=>A(e.id)}style={[w.filterPill,o&&{backgroundColor:e.color,borderColor:e.color}]}>
+      <C style={k.carouselWrapper}>
+        <Te horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={k.carouselContent}>
+          {te.map(e=>{const o=T===e.id;return<A key={e.id}onPress={()=>M(e.id)}style={[k.filterPill,o&&{backgroundColor:e.color,borderColor:e.color}]}>
                 {e.icon?e.icon(o?t.white:e.color):null}
-                <Ie style={[w.filterPillText,o&&{color:t.white}]}>
+                <Ie style={[k.filterPillText,o&&{color:t.white}]}>
                   {e.label}
                 </Ie>
-              </F>})}
-        </Pe>
+              </A>})}
+        </Te>
       </C>
 
       
-      <Ce ref={W}data={R}renderItem={te}keyExtractor={re}contentContainerStyle={w.listContent}initialNumToRender={15}maxToRenderPerBatch={20}windowSize={11}removeClippedSubviews={K.OS==="android"}ListEmptyComponent={<Ee isSearch={!!(r||T!=="all")}searchQuery={r}customTitle={r||T!=="all"?"No matching push notifications":"No push notifications captured yet"}customSub={r||T!=="all"?"Try adjusting your search query or filter chips.":"Incoming or opened push payloads from any domain (Salesforce, FCM, APNs, etc.) will appear here automatically."}onClearSearch={()=>{z(""),A("all")}}showReload={!1}/>}ListFooterComponent={P.length>0?<Fe count={R.length}totalCount={P.length}label="push notifications"loadMoreStep={G}hasMore={R.length<P.length}onLoadMore={()=>H(e=>e+G)}/>:null}/>
-    </C>}),w=Te.create({carouselWrapper:{paddingVertical:6,borderBottomWidth:1,borderBottomColor:t.dividerColor,backgroundColor:t.white},carouselContent:{paddingHorizontal:8,gap:6,flexDirection:"row",alignItems:"center"},filterPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:4.5,borderRadius:20,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor},filterPillText:{fontSize:11,fontFamily:U.interMedium,color:t.primaryBlack},countBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:10},countBadgeText:{fontSize:9.5,fontFamily:U.interBold},listContent:{padding:8,paddingBottom:24}});J.displayName="PushTab";export default J;
+      <Ce ref={W}data={V}renderItem={re}keyExtractor={le}style={{flex:1}}contentContainerStyle={[k.listContent,{flexGrow:1}]}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}keyboardShouldPersistTaps="handled"ListEmptyComponent={<Ee isSearch={!!(r||T!=="all")}searchQuery={r}customTitle={r||T!=="all"?x("push.noMatching","No matching push notifications"):x("push.noNotifications","No push notifications captured yet")}customSub={r||T!=="all"?x("push.adjustSearchFilter","Try adjusting your search query or filter chips."):x("push.noNotificationsDesc","Incoming or opened push payloads from any domain (Salesforce, FCM, APNs, etc.) will appear here automatically.")}onClearSearch={()=>{R(""),M("all")}}showReload={!1}/>}ListFooterComponent={P.length>0?<Fe count={V.length}totalCount={P.length}label="push notifications"loadMoreStep={J}hasMore={V.length<P.length}onLoadMore={()=>$(e=>e+J)}/>:null}/>
+    </C>}),k=we.create({carouselWrapper:{paddingVertical:6,borderBottomWidth:1,borderBottomColor:t.dividerColor,backgroundColor:t.white},carouselContent:{paddingHorizontal:8,gap:6,flexDirection:"row",alignItems:"center"},filterPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:4.5,borderRadius:20,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor},filterPillText:{fontSize:11,fontFamily:G.interMedium,color:t.primaryBlack},countBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:10},countBadgeText:{fontSize:9.5,fontFamily:G.interBold},listContent:{padding:8,paddingBottom:24}});X.displayName="PushTab";export default X;

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

@@ -1,11 +1,11 @@
-import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert as ze,Platform as tt,Pressable as U,ScrollView as Z,StyleSheet as rt,Text as C,TextInput as Tt,ToastAndroid as Oe,TouchableOpacity as Ne,View as T}from"react-native";import{useTranslation as ht}from"../../i18n";import{useInspector as wt}from"./InspectorContext";import He from"../SegmentedTabs";import K from"../JsonViewer";import Me from"../DiffViewer";import Ee from"../CopyButton";import Ct from"../ShareButton";import St from"../TouchableScale";import Bt from"../HighlightText";import Vt from"../AnimatedEntrance";import{getActionHistory as zt}from"../../customHooks/reduxLogger";import{getSize as q,openInVSCode as _,parseStackLine as je}from"../../helpers";import{shareReduxReport as It}from"../../helpers/shareFormatter";import{getCustomStorage as $e}from"../../helpers/settingsStore";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{TerminalIcon as Je,SearchIcon as Pt,ClearIcon as Wt,ClockIcon as Ie,LayersIcon as Ge,TrashIcon as Ue,ForwardChevronIcon as Rt,LiveStateIcon as Ke,TimelineIcon as Te,StorageIcon as Ce,MetadataIcon as Ft,BoltIcon as Pe,AtomIcon as Dt,ScreenIcon as At,ListenerIcon as Lt,DocIcon as We,ExternalLinkIcon as Se,CodeBracketsIcon as Ot}from"../NetworkIcons";const qe=z=>{switch(z){case"saga":return{label:"SAGA",renderIcon:(D,v=9)=><Dt color={D}size={v}/>,bg:e.purple100,text:e.brandPurple,border:e.purple200};case"thunk":return{label:"THUNK",renderIcon:(D,v=9)=><Pe color={D}size={v}/>,bg:e.amber100,text:e.amber800Warm,border:e.amber200};case"epic":return{label:"EPIC",renderIcon:(D,v=9)=><Je color={D}size={v}/>,bg:e.sky100,text:e.sky600,border:e.sky400};case"listener":return{label:"LISTENER",renderIcon:(D,v=9)=><Lt color={D}size={v}/>,bg:e.teal100,text:e.teal700,border:e.teal400};case"component":return{label:"UI DISPATCH",renderIcon:(D,v=9)=><At color={D}size={v}/>,bg:e.sky100,text:e.sky600,border:e.sky400};default:return{label:"DISPATCH",renderIcon:(D,v=9)=><Pe color={D}size={v}/>,bg:e.slate100,text:e.slate700,border:e.slate200}}},Nt=_e.memo(()=>{const{t:z}=ht(),{reduxState:D,reduxLastActionMap:v,selectedReduxSlice:W,selectedReduxAction:V}=wt(),[A,Re]=E(""),[O,ve]=E("live"),[Q,Qe]=E("payload"),[Fe,De]=E("raw"),[Xe,Ye]=E(null),[J,G]=E(!1),[X,N]=E(null),ke=Ve(()=>zt(),[v]),j=Ve(()=>W?ke.filter(B=>!B.affectedSlices||B.affectedSlices.length===0?!0:B.affectedSlices.includes(W)):ke,[ke,W]),Ae=Ve(()=>{if(!A.trim())return j;const B=A.toLowerCase();return j.filter(R=>R.type.toLowerCase().includes(B)||R.callerFile&&R.callerFile.toLowerCase().includes(B)||R.payload&&JSON.stringify(R.payload).toLowerCase().includes(B))},[j,A]);et(()=>{if(!W)return;async function B(){try{const R=$e();if(!R){G(!1),N(null);return}let F=await R.getItem(`persist:${W}`);if(F){try{N(JSON.parse(F))}catch{N(F)}G(!0);return}let I=await R.getItem("persist:root");if(I){const S=JSON.parse(I);if(S&&S[W]!==void 0){const P=S[W];try{N(typeof P=="string"?JSON.parse(P):P)}catch{N(P)}G(!0);return}}}catch{}G(!1),N(null)}B()},[W]);const Le=()=>{W&&ze.alert("Clear Persisted State",`Are you sure you want to delete persisted storage for slice "${W}"?`,[{text:"Cancel",style:"cancel"},{text:"Delete",style:"destructive",onPress:async()=>{try{const B=$e();if(!B)return;typeof B.removeItem=="function"?await B.removeItem(`persist:${W}`):await B.setItem(`persist:${W}`,""),G(!1),N(null),ve("live"),tt.OS==="android"?Oe.show("Persisted state cleared",Oe.SHORT):ze.alert("Cleared","Persisted state has been cleared.")}catch{ze.alert("Error","Failed to clear persisted state.")}}}])};if(W!=null){const B=D?.[W],R=B&&typeof B=="object"?Object.keys(B).length:typeof B<"u"?1:0,F=v[W],I=[{key:"live",label:z("redux.liveState","Live State"),icon:S=><Ke color={S?e.white:e.grayText}size={12}/>},{key:"timeline",label:`${z("redux.timeline","Timeline")} (${j.length})`,icon:S=><Te color={S?e.white:e.grayText}size={12}/>},{key:"persisted",label:J?z("redux.persisted","Persisted"):z("redux.storage","Storage"),icon:S=><Ce color={S?e.white:e.grayText}size={12}/>},{key:"metadata",label:z("redux.metadata","Metadata"),icon:S=><Ft color={S?e.white:e.grayText}size={12}/>}];return<T style={{flex:1,backgroundColor:e.grayBackground}}>
+import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert as ze,Platform as tt,Pressable as U,ScrollView as Z,StyleSheet as rt,Text as C,TextInput as Tt,ToastAndroid as Oe,TouchableOpacity as Ne,View as T}from"react-native";import{useTranslation as ht}from"../../i18n";import{useInspector as wt}from"./InspectorContext";import He from"../SegmentedTabs";import K from"../JsonViewer";import Me from"../DiffViewer";import Ee from"../CopyButton";import Ct from"../ShareButton";import St from"../TouchableScale";import Bt from"../HighlightText";import Vt from"../AnimatedEntrance";import{getActionHistory as zt}from"../../customHooks/reduxLogger";import{getSize as q,openInVSCode as _,parseStackLine as je}from"../../helpers";import{shareReduxReport as It}from"../../helpers/shareFormatter";import{getCustomStorage as $e}from"../../helpers/settingsStore";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{TerminalIcon as Je,SearchIcon as Pt,ClearIcon as Wt,ClockIcon as Ie,LayersIcon as Ge,TrashIcon as Ue,ForwardChevronIcon as Rt,LiveStateIcon as Ke,TimelineIcon as Te,StorageIcon as Ce,MetadataIcon as Ft,BoltIcon as Pe,AtomIcon as Dt,ScreenIcon as At,ListenerIcon as Lt,DocIcon as We,ExternalLinkIcon as Se,CodeBracketsIcon as Ot}from"../NetworkIcons";const qe=V=>{switch(V){case"saga":return{label:"SAGA",renderIcon:(D,F=9)=><Dt color={D}size={F}/>,bg:e.purple100,text:e.brandPurple,border:e.purple200};case"thunk":return{label:"THUNK",renderIcon:(D,F=9)=><Pe color={D}size={F}/>,bg:e.amber100,text:e.amber800Warm,border:e.amber200};case"epic":return{label:"EPIC",renderIcon:(D,F=9)=><Je color={D}size={F}/>,bg:e.sky100,text:e.sky600,border:e.sky400};case"listener":return{label:"LISTENER",renderIcon:(D,F=9)=><Lt color={D}size={F}/>,bg:e.teal100,text:e.teal700,border:e.teal400};case"component":return{label:"UI DISPATCH",renderIcon:(D,F=9)=><At color={D}size={F}/>,bg:e.sky100,text:e.sky600,border:e.sky400};default:return{label:"DISPATCH",renderIcon:(D,F=9)=><Pe color={D}size={F}/>,bg:e.slate100,text:e.slate700,border:e.slate200}}},Nt=_e.memo(()=>{const{t:V}=ht(),{reduxState:D,reduxLastActionMap:F,selectedReduxSlice:W,selectedReduxAction:z}=wt(),[A,Re]=E(""),[O,Fe]=E("live"),[Q,Qe]=E("payload"),[ve,De]=E("raw"),[Xe,Ye]=E(null),[J,G]=E(!1),[X,N]=E(null),ke=Ve(()=>zt(),[F]),j=Ve(()=>W?ke.filter(B=>!B.affectedSlices||B.affectedSlices.length===0?!0:B.affectedSlices.includes(W)):ke,[ke,W]),Ae=Ve(()=>{if(!A.trim())return j;const B=A.toLowerCase();return j.filter(R=>R.type.toLowerCase().includes(B)||R.callerFile&&R.callerFile.toLowerCase().includes(B)||R.payload&&JSON.stringify(R.payload).toLowerCase().includes(B))},[j,A]);et(()=>{if(!W)return;async function B(){try{const R=$e();if(!R){G(!1),N(null);return}let v=await R.getItem(`persist:${W}`);if(v){try{N(JSON.parse(v))}catch{N(v)}G(!0);return}let I=await R.getItem("persist:root");if(I){const S=JSON.parse(I);if(S&&S[W]!==void 0){const P=S[W];try{N(typeof P=="string"?JSON.parse(P):P)}catch{N(P)}G(!0);return}}}catch{}G(!1),N(null)}B()},[W]);const Le=()=>{W&&ze.alert(V("redux.clearPersistedTitle","Clear Persisted State"),V("redux.clearPersistedMessage",'Are you sure you want to delete persisted storage for slice "{{slice}}"?').replace("{{slice}}",W||""),[{text:V("common.cancel","Cancel"),style:"cancel"},{text:"Delete",style:"destructive",onPress:async()=>{try{const B=$e();if(!B)return;typeof B.removeItem=="function"?await B.removeItem(`persist:${W}`):await B.setItem(`persist:${W}`,""),G(!1),N(null),Fe("live"),tt.OS==="android"?Oe.show("Persisted state cleared",Oe.SHORT):ze.alert(V("redux.clearedPersisted","Persisted state has been cleared."))}catch{ze.alert(V("common.failed","Failed"),V("redux.clearPersistedError","Failed to clear persisted state."))}}}])};if(W!=null){const B=D?.[W],R=B&&typeof B=="object"?Object.keys(B).length:typeof B<"u"?1:0,v=F[W],I=[{key:"live",label:V("redux.liveState","Live State"),icon:S=><Ke color={S?e.white:e.grayText}size={12}/>},{key:"timeline",label:`${V("redux.timeline","Timeline")} (${j.length})`,icon:S=><Te color={S?e.white:e.grayText}size={12}/>},{key:"persisted",label:J?V("redux.persisted","Persisted"):V("redux.storage","Storage"),icon:S=><Ce color={S?e.white:e.grayText}size={12}/>},{key:"metadata",label:V("redux.metadata","Metadata"),icon:S=><Ft color={S?e.white:e.grayText}size={12}/>}];return<T style={{flex:1,backgroundColor:e.grayBackground}}>
         
         <T style={t.infoBar}>
           <T style={t.infoTopRow}>
             <T style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",flex:1,minWidth:0}}>
               <T style={[t.methodBadge,{backgroundColor:e.indigo600Alt}]}>
                 <C style={t.methodBadgeText}>
-                  {z("redux.slice","SLICE")}
+                  {V("redux.slice","SLICE")}
                 </C>
               </T>
               <C style={t.sliceNameText}numberOfLines={1}>
@@ -14,23 +14,23 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
               {J?<T style={t.persistedChip}>
                   <Ce color={e.emerald700}size={10}/>
                   <C style={t.persistedChipText}>
-                    {z("redux.persisted","Persisted").toUpperCase()}
+                    {V("redux.persisted","Persisted").toUpperCase()}
                   </C>
                 </T>:<T style={t.inMemoryChip}>
                   <C style={t.inMemoryChipText}>
-                    {z("redux.inMemory","In-Memory").toUpperCase()}
+                    {V("redux.inMemory","In-Memory").toUpperCase()}
                   </C>
                 </T>}
-              {F?.timestamp&&<T style={t.timePill}>
+              {v?.timestamp&&<T style={t.timePill}>
                   <Ie color={e.violet600}size={10}/>
                   <C style={t.timeText}>
-                    {F.timestamp}
+                    {v.timestamp}
                   </C>
                 </T>}
             </T>
 
             
-            <Ee value={()=>O==="live"?B:X}label={z("redux.sliceJson","Slice JSON")}/>
+            <Ee value={()=>O==="live"?B:X}label={V("redux.sliceJson","Slice JSON")}/>
           </T>
 
           
@@ -38,7 +38,7 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
             <T style={[t.statPill,{backgroundColor:e.indigo50,borderColor:e.indigo400}]}>
               <Ge color={e.indigo600Alt}size={11}/>
               <C style={[t.statLabel,{color:e.indigo600Alt}]}>
-                {z("redux.keys","Keys")}:
+                {V("redux.keys","Keys")}:
               </C>
               <C style={[t.statValue,{color:e.indigo600Alt}]}>
                 {R}
@@ -46,7 +46,7 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
             </T>
             <T style={[t.statPill,{backgroundColor:e.sky100,borderColor:e.sky400}]}>
               <C style={[t.statLabel,{color:e.sky600}]}>
-                {z("redux.size","Size")}:
+                {V("redux.size","Size")}:
               </C>
               <C style={[t.statValue,{color:e.sky600}]}>
                 {q(B)}
@@ -55,25 +55,25 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
             <T style={[t.statPill,{backgroundColor:e.purple100,borderColor:e.purple200}]}>
               <Te color={e.violet600}size={11}/>
               <C style={[t.statLabel,{color:e.brandPurple}]}>
-                {z("redux.timeline","Timeline")}:
+                {V("redux.timeline","Timeline")}:
               </C>
               <C style={[t.statValue,{color:e.brandPurple}]}>
                 {j.length}
               </C>
             </T>
-            {F&&<T style={[t.statPill,{backgroundColor:e.amber100,borderColor:e.amber200,flexShrink:1,maxWidth:160}]}>
+            {v&&<T style={[t.statPill,{backgroundColor:e.amber100,borderColor:e.amber200,flexShrink:1,maxWidth:160}]}>
                 <Pe color={e.amber800Warm}size={11}/>
                 <C style={[t.statLabel,{color:e.amber800Warm}]}>
-                  {z("redux.last","Last")}:
+                  {V("redux.last","Last")}:
                 </C>
                 <C style={[t.statValue,{color:e.amber800Warm,flexShrink:1}]}numberOfLines={1}>
-                  {F.type}
+                  {v.type}
                 </C>
               </T>}
           </T>
 
           
-          <He tabs={I}activeKey={O}onChange={S=>ve(S)}style={{marginTop:10}}/>
+          <He tabs={I}activeKey={O}onChange={S=>Fe(S)}style={{marginTop:10}}/>
         </T>
 
         
@@ -125,7 +125,7 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
                           <T style={{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0}}>
                             <We color={e.sky600}size={10}/>
                             <C style={{fontFamily:k.interMedium,fontSize:9.5,color:e.grayTextWeak}}>
-                              {z("redux.triggeredFrom","Triggered From:")}
+                              {V("redux.triggeredFrom","Triggered From:")}
                             </C>
                             <C style={{fontFamily:k.interBold,fontSize:9.5,color:e.sky600}}numberOfLines={1}>
                               {Ze}:{S.callerLine||1}
@@ -135,7 +135,7 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
                           <U onPress={()=>_(S.callerFile,S.callerLine,S.callerCol)}hitSlop={8}style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:e.sky100,paddingHorizontal:5,paddingVertical:2,borderRadius:4}}>
                             <Se color={e.sky600}size={9}/>
                             <C style={{fontFamily:k.interBold,fontSize:8.5,color:e.sky600}}>
-                              {z("redux.openInEditor","Open in Editor")}
+                              {V("redux.openInEditor","Open in Editor")}
                             </C>
                           </U>
                         </T>}
@@ -145,7 +145,7 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
                           
                           {S.stack?<T style={{marginBottom:12}}>
                               <C style={t.expandedSectionTitle}>
-                                {z("redux.callStack","Call Stack Trace")}:
+                                {V("redux.callStack","Call Stack Trace")}:
                               </C>
                               <T style={{backgroundColor:e.grayBackground,borderRadius:8,padding:8,borderWidth:1,borderColor:e.dividerColor,gap:4}}>
                                 {S.stack.split(`
@@ -167,18 +167,18 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
 
                           {S.payload!==void 0&&<T style={{marginBottom:12}}>
                               <C style={t.expandedSectionTitle}>
-                                {z("redux.actionPayload","Action Payload:")}
+                                {V("redux.actionPayload","Action Payload:")}
                               </C>
                               <K data={S.payload}search={A}forceOpen={!0}wrap={!0}/>
                             </T>}
 
                           <C style={t.expandedSectionTitle}>
-                            {z("redux.stateChangesDiff","State Changes (Diff):")}
+                            {V("redux.stateChangesDiff","State Changes (Diff):")}
                           </C>
                           <Me oldData={S.prevState?.[W]||{}}newData={S.nextState?.[W]||{}}forceOpen={!0}/>
                         </T>:<T style={t.collapsedPrompt}>
                           <C style={t.collapsedPromptText}>
-                            {z("redux.tapToInspectAction","Tap to inspect action payload & diff changes")}
+                            {V("redux.tapToInspectAction","Tap to inspect action payload & diff changes")}
                           </C>
                           <Rt color={e.grayTextWeak}size={12}/>
                         </T>}
@@ -186,7 +186,7 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
                   </Vt>})}
           </Z>:O==="metadata"?<Z style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
             <T style={t.metadataCard}>
-              {[{label:"Slice Name",value:W},{label:"Root Keys Count",value:`${R} keys`},{label:"In-Memory State Size",value:q(B)},{label:"Persistence Status",value:J?`Persisted (${q(X)})`:"Not Persisted (In-Memory)"},{label:"Dispatched Actions History",value:`${j.length} recorded actions`},{label:"Last Dispatched Action",value:F?F.type:"None"},{label:"Last Action Timestamp",value:F?F.timestamp:"Initial"}].map((S,P)=><T key={P}style={[t.metaRow,P===6&&{borderBottomWidth:0}]}>
+              {[{label:"Slice Name",value:W},{label:"Root Keys Count",value:`${R} keys`},{label:"In-Memory State Size",value:q(B)},{label:"Persistence Status",value:J?`Persisted (${q(X)})`:"Not Persisted (In-Memory)"},{label:"Dispatched Actions History",value:`${j.length} recorded actions`},{label:"Last Dispatched Action",value:v?v.type:"None"},{label:"Last Action Timestamp",value:v?v.timestamp:"Initial"}].map((S,P)=><T key={P}style={[t.metaRow,P===6&&{borderBottomWidth:0}]}>
                   <C style={t.metaLabel}>{S.label}</C>
                   <C style={t.metaValue}selectable numberOfLines={2}>
                     {S.value}
@@ -219,7 +219,7 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
                   </T>
                 </T>
                 <T style={{flex:1,marginTop:8}}>
-                  <K data={X}search={A}forceOpen={A.length>0?!0:void 0}mode={Fe}onModeChange={De}fullHeight={!0}wrap={!0}/>
+                  <K data={X}search={A}forceOpen={A.length>0?!0:void 0}mode={ve}onModeChange={De}fullHeight={!0}wrap={!0}/>
                 </T>
               </T>:<T style={t.emptyBox}>
                 <Ce color={e.grayTextWeak}size={32}/>
@@ -232,16 +232,16 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
                 </C>
               </T>}
           </T>:<T style={{flex:1,padding:10}}>
-            <K data={B}search={A}forceOpen={A.length>0?!0:void 0}mode={Fe}onModeChange={De}fullHeight={!0}wrap={!0}/>
+            <K data={B}search={A}forceOpen={A.length>0?!0:void 0}mode={ve}onModeChange={De}fullHeight={!0}wrap={!0}/>
           </T>}
-      </T>}if(V!=null){const B=qe(V.originType),R=V.callerFile?V.callerFile.split("/").pop():null,F=[{key:"payload",label:z("redux.payload","Payload"),icon:I=><Ot color={I?e.white:e.grayText}size={12}/>},{key:"diff",label:z("redux.diff","State Diff"),icon:I=><Te color={I?e.white:e.grayText}size={12}/>},{key:"stack",label:z("redux.callStack","Call Stack"),icon:I=><We color={I?e.white:e.grayText}size={12}/>},{key:"raw",label:"Raw Action",icon:I=><Ke color={I?e.white:e.grayText}size={12}/>}];return<T style={{flex:1,backgroundColor:e.grayBackground}}>
+      </T>}if(z!=null){const B=qe(z.originType),R=z.callerFile?z.callerFile.split("/").pop():null,v=[{key:"payload",label:V("redux.payload","Payload"),icon:I=><Ot color={I?e.white:e.grayText}size={12}/>},{key:"diff",label:V("redux.diff","State Diff"),icon:I=><Te color={I?e.white:e.grayText}size={12}/>},{key:"stack",label:V("redux.callStack","Call Stack"),icon:I=><We color={I?e.white:e.grayText}size={12}/>},{key:"raw",label:"Raw Action",icon:I=><Ke color={I?e.white:e.grayText}size={12}/>}];return<T style={{flex:1,backgroundColor:e.grayBackground}}>
         
         <T style={t.infoBar}>
           <T style={t.infoTopRow}>
             <T style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",flex:1,minWidth:0}}>
               <T style={t.actionBadge}>
                 <C style={t.actionBadgeText}>
-                  #{V.id}
+                  #{z.id}
                 </C>
               </T>
               
@@ -252,32 +252,32 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
                 </C>
               </T>
               <C style={t.sliceNameText}numberOfLines={1}>
-                {V.type}
+                {z.type}
               </C>
-              {V.timestamp&&<T style={t.timePill}>
+              {z.timestamp&&<T style={t.timePill}>
                   <Ie color={e.purple}size={10}/>
                   <C style={t.timeText}>
-                    {V.timestamp}
+                    {z.timestamp}
                   </C>
                 </T>}
             </T>
 
             
             <T style={{flexDirection:"row",alignItems:"center",gap:6}}>
-              <Ct onShare={()=>It(V)}/>
-              <Ee value={()=>V}label="Copy Action"/>
+              <Ct onShare={()=>It(z)}/>
+              <Ee value={()=>z}label="Copy Action"/>
             </T>
           </T>
 
           
           <T style={t.subStatsRow}>
-            {V.affectedSlices&&V.affectedSlices.length>0&&<T style={[t.statPill,{backgroundColor:e.indigo50,borderColor:e.indigo400}]}>
+            {z.affectedSlices&&z.affectedSlices.length>0&&<T style={[t.statPill,{backgroundColor:e.indigo50,borderColor:e.indigo400}]}>
                   <Ge color={e.indigo600Alt}size={11}/>
                   <C style={[t.statLabel,{color:e.indigo600Alt}]}>
                     Slices:
                   </C>
                   <C style={[t.statValue,{color:e.indigo600Alt}]}>
-                    {V.affectedSlices.join(", ")}
+                    {z.affectedSlices.join(", ")}
                   </C>
                 </T>}
             <T style={[t.statPill,{backgroundColor:e.sky100,borderColor:e.sky400}]}>
@@ -285,24 +285,24 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
                 Payload Size:
               </C>
               <C style={[t.statValue,{color:e.sky600}]}>
-                {q(V.payload)}
+                {q(z.payload)}
               </C>
             </T>
           </T>
 
           
-          {V.callerFile&&<T style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:8,paddingHorizontal:8,paddingVertical:4,backgroundColor:e.grayBackground,borderRadius:6,borderWidth:1,borderColor:e.dividerColor}}>
+          {z.callerFile&&<T style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:8,paddingHorizontal:8,paddingVertical:4,backgroundColor:e.grayBackground,borderRadius:6,borderWidth:1,borderColor:e.dividerColor}}>
               <T style={{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0}}>
                 <We color={e.sky600}size={10}/>
                 <C style={{fontFamily:k.interMedium,fontSize:9.5,color:e.grayTextWeak}}>
                   Triggered from:
                 </C>
                 <C style={{fontFamily:k.interBold,fontSize:9.5,color:e.sky600}}numberOfLines={1}>
-                  {R}:{V.callerLine||1}
+                  {R}:{z.callerLine||1}
                 </C>
               </T>
 
-              <U onPress={()=>_(V.callerFile,V.callerLine,V.callerCol)}hitSlop={8}style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:e.sky100,paddingHorizontal:5,paddingVertical:2,borderRadius:4}}>
+              <U onPress={()=>_(z.callerFile,z.callerLine,z.callerCol)}hitSlop={8}style={{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:e.sky100,paddingHorizontal:5,paddingVertical:2,borderRadius:4}}>
                 <Se color={e.sky600}size={9}/>
                 <C style={{fontFamily:k.interBold,fontSize:8.5,color:e.sky600}}>
                   Open in Editor
@@ -311,24 +311,24 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
             </T>}
 
           
-          <He tabs={F}activeKey={Q}onChange={I=>Qe(I)}style={{marginTop:10}}/>
+          <He tabs={v}activeKey={Q}onChange={I=>Qe(I)}style={{marginTop:10}}/>
         </T>
 
         
         {Q==="payload"?<T style={{flex:1,padding:10}}>
-            {V.payload!==void 0?<K data={V.payload}search={A}forceOpen={!0}fullHeight={!0}wrap={!0}/>:<T style={t.emptyBox}>
+            {z.payload!==void 0?<K data={z.payload}search={A}forceOpen={!0}fullHeight={!0}wrap={!0}/>:<T style={t.emptyBox}>
                 <C style={t.emptyBoxText}>
                   This action has no payload dispatched.
                 </C>
               </T>}
           </T>:Q==="diff"?<Z style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
-            <Me oldData={V.prevState||{}}newData={V.nextState||{}}forceOpen={!0}/>
+            <Me oldData={z.prevState||{}}newData={z.nextState||{}}forceOpen={!0}/>
           </Z>:Q==="stack"?<Z style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
-            {V.stack?<T style={{backgroundColor:e.white,borderRadius:10,padding:10,borderWidth:1,borderColor:e.dividerColor}}>
+            {z.stack?<T style={{backgroundColor:e.white,borderRadius:10,padding:10,borderWidth:1,borderColor:e.dividerColor}}>
                 <C style={t.expandedSectionTitle}>
                   Dispatched from call stack:
                 </C>
-                {V.stack.split(`
+                {z.stack.split(`
 `).map(I=>I.trim()).filter(I=>I.length>0&&!I.includes("reduxLogger")&&!I.includes("inspectorReduxMiddleware")).map((I,S)=>{const P=je(I,S===0),H=P.frameType==="app";return<U key={S}onPress={()=>{P.fileName!=="Unknown"&&_(P.fullPath||P.fileName,P.lineNumber,P.columnNumber)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:5,borderBottomWidth:.5,borderBottomColor:e.dividerColor}}>
                         <T style={{flex:1,minWidth:0}}>
                           <C style={{fontFamily:H?k.interBold:k.interRegular,fontSize:10.5,color:H?e.primaryBlack:e.grayTextWeak}}numberOfLines={1}>
@@ -347,7 +347,7 @@ import _e,{useState as E,useMemo as Ve,useEffect as et}from"react";import{Alert
                 </C>
               </T>}
           </Z>:<T style={{flex:1,padding:10}}>
-            <K data={V}forceOpen={!0}fullHeight={!0}wrap={!0}/>
+            <K data={z}forceOpen={!0}fullHeight={!0}wrap={!0}/>
           </T>}
       </T>}return<T style={t.emptyBox}>
       <Je color={e.purple}size={32}/>