react-native-inapp-inspector 2.5.12 → 2.5.14

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

@@ -1,70 +1,70 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,r,t,a){a===void 0&&(a=t);var i=Object.getOwnPropertyDescriptor(r,t);(!i||("get"in i?!r.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(l,a,i)}):(function(l,r,t,a){a===void 0&&(a=t),l[a]=r[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(l,r){Object.defineProperty(l,"default",{enumerable:!0,value:r})}):function(l,r){l.default=r}),__importStar=this&&this.__importStar||(function(){var l=function(r){return l=Object.getOwnPropertyNames||function(t){var a=[];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(a[a.length]=i);return a},l(r)};return function(r){if(r&&r.__esModule)return r;var t={};if(r!=null)for(var a=l(r),i=0;i<a.length;i++)a[i]!=="default"&&__createBinding(t,r,a[i]);return __setModuleDefault(t,r),t}})(),__importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),DomainHeader_1=__importDefault(require("../DomainHeader")),LogCard_1=__importDefault(require("../LogCard")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),NetworkFilterModal_1=__importDefault(require("./NetworkFilterModal")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),helpers_1=require("../../helpers"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),NetworkTab=react_1.default.memo(()=>{const{groupedData:l,loadMoreSection:r,search:t,setSearch:a,setSearchScope:i,quickFilter:A,setQuickFilter:M,handleDelete:Z,isGroupByPageEnabled:u,setIsGroupByPageEnabled:ee,selectedLogs:V,sortOrder:te,setSortOrder:v,statusFilters:p,setStatusFilters:m,methodFilters:f,setMethodFilters:S,latencyFilter:h,setLatencyFilter:x,protocolFilter:y,setProtocolFilter:z,networkSortBy:b,setNetworkSortBy:F,filteredLogs:w,logs:I,hiddenUrlPatterns:L,toggleSectionFilter:$,toggleSectionCollapse:H,minStart:j,totalRange:W,newLogIds:G,toggleSelect:Q,setSelected:U,maxNetworkLogs:D}=(0,InspectorContext_1.useInspector)(),{t:R}=(0,i18n_1.useTranslation)(),oe=(0,react_1.useRef)(null),[re,K]=react_1.default.useState(!1),[X,J]=react_1.default.useState(!1),[k,Y]=react_1.default.useState(D||50);react_1.default.useEffect(()=>{Y(D||50)},[t,A,D]);const E=(0,react_1.useMemo)(()=>u?l:l.slice(0,k),[u,l,k]),le=(0,react_1.useCallback)(e=>e?.id?String(e.id):"",[]),C=(0,react_1.useMemo)(()=>p.size>0&&!p.has("all")||f.size>0&&!f.has("all")||h!=="all"||y!=="all"||b!=="time_desc",[p,f,h,y,b]),ae=(0,react_1.useMemo)(()=>{let e=0;return p.size>0&&!p.has("all")&&(e+=p.size),f.size>0&&!f.has("all")&&(e+=f.size),h!=="all"&&e++,y!=="all"&&e++,b!=="time_desc"&&e++,e},[p,f,h,y,b]),ie=(0,react_1.useMemo)(()=>({statusCodes:p.size>0?new Set(p):new Set(["all"]),methods:f.size>0?new Set(f):new Set(["all"]),latency:h,protocol:y,sortBy:b}),[p,f,h,y,b]),ne=(0,react_1.useCallback)(e=>{e.statusCodes.has("all")||e.statusCodes.size===0?m(new Set):m(new Set(e.statusCodes)),e.methods.has("all")||e.methods.size===0?S(new Set):S(new Set([...e.methods].map(n=>n))),x(e.latency||"all"),z(e.protocol||"all"),F(e.sortBy||"time_desc"),e.sortBy==="time_asc"?v("oldest"):v("newest")},[m,S,x,z,F,v]),P=(0,react_1.useMemo)(()=>!L||L.length===0?I:I.filter(e=>!(0,helpers_1.isUrlHidden)(e.url,L)),[I,L]),g=(0,react_1.useMemo)(()=>{let e=0,n=0,s=0,c=0,T=0,q=0;return P.forEach(d=>{const o=typeof d.status=="number"?d.status:parseInt(String(d.status),10);d.status===0||d.status==null||!isNaN(o)&&o>=400?e++:!isNaN(o)&&o>=200&&o<400&&n++,(d.duration||0)>=500&&s++;const B=(d.method||"").toUpperCase();B==="POST"&&c++,B==="GET"&&T++;const _=(d.url||"").toLowerCase(),O=(d.client||"").toLowerCase();(_.includes("graphql")||O.includes("graphql")||O.includes("apollo"))&&q++}),{all:P.length,errors:e,success:n,slow:s,post:c,get:T,graphql:q}},[P]),se=(0,react_1.useMemo)(()=>[{id:"all",label:"All",count:g.all,color:AppColors_1.AppColors.purple},{id:"errors",label:"Errors",count:g.errors,color:AppColors_1.AppColors.errorColor},{id:"success",label:"2xx OK",count:g.success,color:AppColors_1.AppColors.greenColor},{id:"slow",label:"Slow >500ms",count:g.slow,color:AppColors_1.AppColors.warningIconGold},{id:"POST",label:"POST",count:g.post,color:constants_1.METHOD_COLORS.POST||AppColors_1.AppColors.blue500},{id:"GET",label:"GET",count:g.get,color:constants_1.METHOD_COLORS.GET||AppColors_1.AppColors.emerald500},{id:"graphql",label:"GraphQL",count:g.graphql,color:AppColors_1.AppColors.graphqlPink}],[g]),ce=(0,react_1.useCallback)(({item:e,index:n})=>{if(e.type==="header")return<AnimatedEntrance_1.default index={n}distance={8}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,r,o,a){a===void 0&&(a=o);var i=Object.getOwnPropertyDescriptor(r,o);(!i||("get"in i?!r.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(l,a,i)}):(function(l,r,o,a){a===void 0&&(a=o),l[a]=r[o]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(l,r){Object.defineProperty(l,"default",{enumerable:!0,value:r})}):function(l,r){l.default=r}),__importStar=this&&this.__importStar||(function(){var l=function(r){return l=Object.getOwnPropertyNames||function(o){var a=[];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(a[a.length]=i);return a},l(r)};return function(r){if(r&&r.__esModule)return r;var o={};if(r!=null)for(var a=l(r),i=0;i<a.length;i++)a[i]!=="default"&&__createBinding(o,r,a[i]);return __setModuleDefault(o,r),o}})(),__importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),DomainHeader_1=__importDefault(require("../DomainHeader")),LogCard_1=__importDefault(require("../LogCard")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),NetworkFilterModal_1=__importDefault(require("./NetworkFilterModal")),NetworkExportModal_1=__importDefault(require("./NetworkExportModal")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),helpers_1=require("../../helpers"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),NetworkTab=react_1.default.memo(()=>{const{groupedData:l,loadMoreSection:r,search:o,setSearch:a,setSearchScope:i,quickFilter:z,setQuickFilter:E,handleDelete:oe,isGroupByPageEnabled:m,setIsGroupByPageEnabled:re,selectedLogs:F,sortOrder:le,setSortOrder:I,statusFilters:d,setStatusFilters:T,methodFilters:u,setMethodFilters:A,latencyFilter:h,setLatencyFilter:k,protocolFilter:y,setProtocolFilter:L,networkSortBy:b,setNetworkSortBy:P,filteredLogs:p,logs:R,hiddenUrlPatterns:B,toggleSectionFilter:$,toggleSectionCollapse:H,minStart:j,totalRange:G,newLogIds:W,toggleSelect:Q,setSelected:U,maxNetworkLogs:D}=(0,InspectorContext_1.useInspector)(),{t:V}=(0,i18n_1.useTranslation)(),K=(0,react_1.useRef)(null),[ae,X]=react_1.default.useState(!1),[ie,J]=react_1.default.useState(!1),[Y,Z]=react_1.default.useState(!1),[M,ee]=react_1.default.useState(D||50),q=!!(o&&o.trim().length>0),f=m&&!q;react_1.default.useEffect(()=>{ee(D||50),q&&K.current?.scrollToOffset({offset:0,animated:!1})},[o,z,D,q]);const se=(0,react_1.useMemo)(()=>f?l:l.slice(0,M),[f,l,M]),ne=(0,react_1.useCallback)(e=>e?.id?String(e.id):"",[]),C=(0,react_1.useMemo)(()=>d.size>0&&!d.has("all")||u.size>0&&!u.has("all")||h!=="all"||y!=="all"||b!=="time_desc",[d,u,h,y,b]),ce=(0,react_1.useMemo)(()=>{let e=0;return d.size>0&&!d.has("all")&&(e+=d.size),u.size>0&&!u.has("all")&&(e+=u.size),h!=="all"&&e++,y!=="all"&&e++,b!=="time_desc"&&e++,e},[d,u,h,y,b]),de=(0,react_1.useMemo)(()=>({statusCodes:d.size>0?new Set(d):new Set(["all"]),methods:u.size>0?new Set(u):new Set(["all"]),latency:h,protocol:y,sortBy:b}),[d,u,h,y,b]),ue=(0,react_1.useCallback)(e=>{e.statusCodes.has("all")||e.statusCodes.size===0?T(new Set):T(new Set(e.statusCodes)),e.methods.has("all")||e.methods.size===0?A(new Set):A(new Set([...e.methods].map(s=>s))),k(e.latency||"all"),L(e.protocol||"all"),P(e.sortBy||"time_desc"),e.sortBy==="time_asc"?I("oldest"):I("newest")},[T,A,k,L,P,I]),v=(0,react_1.useMemo)(()=>!B||B.length===0?R:R.filter(e=>!(0,helpers_1.isUrlHidden)(e.url,B)),[R,B]),g=(0,react_1.useMemo)(()=>{let e=0,s=0,n=0,c=0,x=0,O=0;return v.forEach(t=>{const _=typeof t.status=="number"?t.status:parseInt(String(t.status),10);t.status===0||t.status==null||!isNaN(_)&&_>=400?e++:!isNaN(_)&&_>=200&&_<400&&s++,(t.duration||0)>=500&&n++;const w=(t.method||"").toUpperCase();w==="POST"&&c++,w==="GET"&&x++;const N=(t.url||"").toLowerCase(),S=(t.client||"").toLowerCase();(N.includes("graphql")||S.includes("graphql")||S.includes("apollo"))&&O++}),{all:v.length,errors:e,success:s,slow:n,post:c,get:x,graphql:O}},[v]),pe=(0,react_1.useMemo)(()=>[{id:"all",label:"All",count:g.all,color:AppColors_1.AppColors.purple},{id:"errors",label:"Errors",count:g.errors,color:AppColors_1.AppColors.errorColor},{id:"success",label:"2xx OK",count:g.success,color:AppColors_1.AppColors.greenColor},{id:"slow",label:"Slow >500ms",count:g.slow,color:AppColors_1.AppColors.warningIconGold},{id:"POST",label:"POST",count:g.post,color:constants_1.METHOD_COLORS.POST||AppColors_1.AppColors.blue500},{id:"GET",label:"GET",count:g.get,color:constants_1.METHOD_COLORS.GET||AppColors_1.AppColors.emerald500},{id:"graphql",label:"GraphQL",count:g.graphql,color:AppColors_1.AppColors.graphqlPink}],[g]),te=(0,react_1.useCallback)(e=>{e&&U(e)},[U]),fe=(0,react_1.useCallback)(({item:e,index:s})=>{if(e.type==="header")return<AnimatedEntrance_1.default index={s}distance={8}>
             <DomainHeader_1.default pageName={e.pageName}color={e.color}stats={e.stats}activeFilters={e.activeFilters}onToggleFilter={$}isCollapsed={e.isCollapsed}onToggleCollapse={H}isFirst={e.isFirst}timestamp={e.timestamp}/>
-          </AnimatedEntrance_1.default>;if(e.type==="loadMore"){const{pageName:d,color:o,remainingCount:B,totalCount:_,loadedCount:O,loadMoreStep:N,hasMore:de}=e;return<react_native_1.View style={[styles_1.default.treeNodeRow,styles_1.default.treeNodeRowLast]}>
+          </AnimatedEntrance_1.default>;if(e.type==="loadMore"){const{pageName:O,color:t,remainingCount:_,totalCount:w,loadedCount:N,loadMoreStep:S,hasMore:ge}=e;return<react_native_1.View style={[styles_1.default.treeNodeRow,styles_1.default.treeNodeRowLast]}>
             <react_native_1.View style={styles_1.default.treeLines}>
-              <react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:o},styles_1.default.modernTreeLineLast]}/>
+              <react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:t},styles_1.default.modernTreeLineLast]}/>
             </react_native_1.View>
             <react_native_1.View style={styles_1.default.treeCardWrapper}>
-              {de?<TouchableScale_1.default onPress={()=>r(d,N||10)}hitSlop={6}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,paddingHorizontal:12,marginVertical:3,marginRight:2,borderRadius:10,backgroundColor:`${o}14`,borderWidth:1.5,borderColor:`${o}40`,shadowColor:o,shadowOffset:{width:0,height:1.5},shadowOpacity:.1,shadowRadius:3,elevation:2}}>
+              {ge?<TouchableScale_1.default onPress={()=>r(O,S||10)}hitSlop={6}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,paddingHorizontal:12,marginVertical:3,marginRight:2,borderRadius:10,backgroundColor:`${t}14`,borderWidth:1.5,borderColor:`${t}40`,shadowColor:t,shadowOffset:{width:0,height:1.5},shadowOpacity:.1,shadowRadius:3,elevation:2}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
-                    <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:o,alignItems:"center",justifyContent:"center",shadowColor:o,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1}}>
+                    <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:t,alignItems:"center",justifyContent:"center",shadowColor:t,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1}}>
                       <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white}size={9}direction="down"/>
                     </react_native_1.View>
                     <react_native_1.View>
-                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:o}}>
-                        {R("footer.loadMoreRequests",{count:N,defaultValue:`Load ${N} More Requests`})}
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:t}}>
+                        {V("footer.loadMoreRequests",{count:S,defaultValue:`Load ${S} More Requests`})}
                       </react_native_1.Text>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,marginTop:1}}>
-                        Showing {O} of {_} requests
+                        Showing {N} of {w} requests
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${o}25`,paddingHorizontal:8,paddingVertical:4,borderRadius:8,borderWidth:1,borderColor:`${o}40`,gap:3}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:o}}>
-                      +{B}
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${t}25`,paddingHorizontal:8,paddingVertical:4,borderRadius:8,borderWidth:1,borderColor:`${t}40`,gap:3}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:t}}>
+                      +{_}
                     </react_native_1.Text>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9,color:o}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9,color:t}}>
                       more
                     </react_native_1.Text>
                   </react_native_1.View>
-                </TouchableScale_1.default>:<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:7,paddingHorizontal:11,marginVertical:3,marginRight:2,borderRadius:9,backgroundColor:`${o}0A`,borderWidth:1,borderColor:`${o}25`}}>
+                </TouchableScale_1.default>:<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:7,paddingHorizontal:11,marginVertical:3,marginRight:2,borderRadius:9,backgroundColor:`${t}0A`,borderWidth:1,borderColor:`${t}25`}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:7}}>
-                    <react_native_1.View style={{width:17,height:17,borderRadius:8.5,backgroundColor:`${o}25`,alignItems:"center",justifyContent:"center"}}>
-                      <NetworkIcons_1.CheckIcon color={o}size={8}/>
+                    <react_native_1.View style={{width:17,height:17,borderRadius:8.5,backgroundColor:`${t}25`,alignItems:"center",justifyContent:"center"}}>
+                      <NetworkIcons_1.CheckIcon color={t}size={8}/>
                     </react_native_1.View>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextStrong}}>
-                      {R("footer.allLoaded",{count:_,defaultValue:`All ${_} requests loaded`})}
+                      {V("footer.allLoaded",{count:w,defaultValue:`All ${w} requests loaded`})}
                     </react_native_1.Text>
                   </react_native_1.View>
 
-                  <react_native_1.View style={{backgroundColor:`${o}18`,paddingHorizontal:7,paddingVertical:2,borderRadius:6}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:o}}>
-                      {_}/{_}
+                  <react_native_1.View style={{backgroundColor:`${t}18`,paddingHorizontal:7,paddingVertical:2,borderRadius:6}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:t}}>
+                      {w}/{w}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>}
             </react_native_1.View>
-          </react_native_1.View>}const{log:s,isLast:c,color:T}=e,q=E.slice(0,n).filter(d=>!d.type).length;return<AnimatedEntrance_1.default index={n}distance={8}style={u?[styles_1.default.treeNodeRow,c&&styles_1.default.treeNodeRowLast]:{marginBottom:5,marginHorizontal:5}}>
-          {u&&<react_native_1.View style={styles_1.default.treeLines}>
-              <react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:T},c&&styles_1.default.modernTreeLineLast]}/>
-              {!c&&<react_native_1.View style={[styles_1.default.modernTreeBranch,{borderColor:T}]}/>}
+          </react_native_1.View>}const{log:n,isLast:c,color:x}=e;return<AnimatedEntrance_1.default index={s}distance={8}style={f?[styles_1.default.treeNodeRow,c&&styles_1.default.treeNodeRowLast]:{marginBottom:5,marginHorizontal:5}}>
+          {f&&<react_native_1.View style={styles_1.default.treeLines}>
+              <react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:x},c&&styles_1.default.modernTreeLineLast]}/>
+              {!c&&<react_native_1.View style={[styles_1.default.modernTreeBranch,{borderColor:x}]}/>}
             </react_native_1.View>}
-          <react_native_1.View style={u?styles_1.default.treeCardWrapper:{flex:1}}>
-            <LogCard_1.default testID={`inspector.network.item.${q}`}item={s}isSelected={V.has(s.id)}onToggleSelect={Q}onPress={()=>{U(s)}}timelineMinStart={j}timelineTotalRange={W}isNew={G.has(s.id)}searchStr={t}/>
+          <react_native_1.View style={f?styles_1.default.treeCardWrapper:{flex:1}}>
+            <LogCard_1.default testID={`inspector.network.item.${n.id}`}item={n}isSelected={F.has(n.id)}onToggleSelect={Q}onPress={te}timelineMinStart={j}timelineTotalRange={G}isNew={W.has(n.id)}searchStr={o}/>
           </react_native_1.View>
-        </AnimatedEntrance_1.default>},[E,u,j,W,G,V,Q,t,$,H,r,U,R]);return<react_native_1.View style={{flex:1}}>
+        </AnimatedEntrance_1.default>},[f,j,G,W,F,Q,te,o,$,H,r,V]);return<react_native_1.View style={{flex:1}}>
       <react_native_1.View style={{marginTop:6}}>
             
             <react_native_1.View style={styles_1.default.toolbarRow}>
-              <react_native_1.View style={[styles_1.default.searchContainer,X&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
-                <NetworkIcons_1.SearchIcon color={X?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
-                <react_native_1.TextInput placeholder="Search URL, status, method, headers, body..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={t}onChangeText={a}onFocus={()=>J(!0)}onBlur={()=>J(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+              <react_native_1.View style={[styles_1.default.searchContainer,Y&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
+                <NetworkIcons_1.SearchIcon color={Y?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
+                <react_native_1.TextInput placeholder={V("network.searchPlaceholder","Search APIs...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={a}onFocus={()=>Z(!0)}onBlur={()=>Z(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
 
-                {t.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
+                {o.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
                     <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
                       <react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold}}>
-                        {w.length}
+                        {p.length}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.Pressable onPress={()=>a("")}hitSlop={10}style={styles_1.default.clearBtn}>
@@ -74,22 +74,26 @@
               </react_native_1.View>
 
               <react_native_1.View style={styles_1.default.toolbarRight}>
-                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={Z}hitSlop={6}>
+                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.purple}38`,backgroundColor:`${AppColors_1.AppColors.purple}0F`}]}onPress={()=>J(!0)}hitSlop={6}testID="inspector.network.exportBtn">
+                  <NetworkIcons_1.ExportIcon color={AppColors_1.AppColors.purple}size={15}/>
+                </TouchableScale_1.default>
+
+                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={oe}hitSlop={6}>
                   <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
-                  {V.size>0&&<react_native_1.View style={styles_1.default.trashBadge}>
+                  {F.size>0&&<react_native_1.View style={styles_1.default.trashBadge}>
                       <react_native_1.Text style={styles_1.default.trashBadgeText}>
-                        {V.size}
+                        {F.size}
                       </react_native_1.Text>
                     </react_native_1.View>}
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,u&&{borderColor:AppColors_1.AppColors.purple,backgroundColor:`${AppColors_1.AppColors.purple}15`}]}onPress={()=>ee(e=>!e)}hitSlop={6}accessibilityLabel={u?"Page Accordion Grouping Enabled (Tap for Plain List)":"Plain List Enabled (Tap for Page Accordion)"}accessibilityRole="button">
-                  <NetworkIcons_1.LayersIcon color={u?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextStrong}size={16}/>
-                  {u&&<react_native_1.View style={styles_1.default.activeFilterDot}/>}
+                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,m&&{borderColor:AppColors_1.AppColors.purple,backgroundColor:`${AppColors_1.AppColors.purple}15`}]}onPress={()=>re(e=>!e)}hitSlop={6}accessibilityLabel={q?"Page Accordion Grouping Preserved (Temporarily in List View for Search Results)":m?"Page Accordion Grouping Enabled (Tap for Plain List)":"Plain List Enabled (Tap for Page Accordion)"}accessibilityRole="button">
+                  <NetworkIcons_1.LayersIcon color={m?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextStrong}size={16}/>
+                  {m&&<react_native_1.View style={styles_1.default.activeFilterDot}/>}
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>v(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
-                  <NetworkIcons_1.SortArrowIcon direction={te==="newest"?"down":"up"}color={AppColors_1.AppColors.grayTextStrong}size={18}/>
+                <TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>I(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
+                  <NetworkIcons_1.SortArrowIcon direction={le==="newest"?"down":"up"}color={AppColors_1.AppColors.grayTextStrong}size={18}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
             </react_native_1.View>
@@ -97,8 +101,8 @@
             
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
               <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-                {se.map(e=>{const n=A===e.id,s=e.color||AppColors_1.AppColors.purple,c=n?AppColors_1.AppColors.white:s;return<TouchableScale_1.default testID={`inspector.network.filter.${e.id.toLowerCase()}`}key={e.id}onPress={()=>{M(n?"all":e.id)}}>
-                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:n?s:`${s}12`,borderWidth:1,borderColor:n?s:`${s}30`,gap:5}}>
+                {pe.map(e=>{const s=z===e.id,n=e.color||AppColors_1.AppColors.purple,c=s?AppColors_1.AppColors.white:n;return<TouchableScale_1.default testID={`inspector.network.filter.${e.id.toLowerCase()}`}key={e.id}onPress={()=>{E(s?"all":e.id)}}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:s?n:`${n}12`,borderWidth:1,borderColor:s?n:`${n}30`,gap:5}}>
                         {e.id==="all"&&<NetworkIcons_1.LayersIcon size={11}color={c}/>}
                         {e.id==="errors"&&<NetworkIcons_1.CircleXIcon size={11}color={c}/>}
                         {e.id==="success"&&<NetworkIcons_1.CircleCheckIcon size={11}color={c}/>}
@@ -106,11 +110,11 @@
                         {e.id==="POST"&&<NetworkIcons_1.RequestIcon size={11}color={c}/>}
                         {e.id==="GET"&&<NetworkIcons_1.ResponseIcon size={11}color={c}/>}
                         {e.id==="graphql"&&<NetworkIcons_1.AtomIcon size={11}color={c}/>}
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:n?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:s?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
                           {e.label}
                         </react_native_1.Text>
-                        <react_native_1.View style={{backgroundColor:n?"rgba(255,255,255,0.25)":`${s}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
-                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:n?AppColors_1.AppColors.white:s}}>
+                        <react_native_1.View style={{backgroundColor:s?"rgba(255,255,255,0.25)":`${n}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:s?AppColors_1.AppColors.white:n}}>
                             {e.count}
                           </react_native_1.Text>
                         </react_native_1.View>
@@ -118,15 +122,15 @@
                     </TouchableScale_1.default>})}
               </react_native_1.ScrollView>
 
-              <TouchableScale_1.default onPress={()=>K(!0)}style={{flexShrink:0}}>
+              <TouchableScale_1.default onPress={()=>X(!0)}style={{flexShrink:0}}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:4.5,borderRadius:8,backgroundColor:C?`${AppColors_1.AppColors.purple}20`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,gap:5,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:2,shadowOffset:{width:0,height:1},elevation:1}}>
                   <NetworkIcons_1.FilterIcon size={11}color={C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}/>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
-                    {R("network.moreFilters","More Filters")}
+                    {V("network.moreFilters","More Filters")}
                   </react_native_1.Text>
                   {C&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:4.5,paddingVertical:1,borderRadius:6}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.white}}>
-                        {ae}
+                        {ce}
                       </react_native_1.Text>
                     </react_native_1.View>}
                 </react_native_1.View>
@@ -134,11 +138,11 @@
             </react_native_1.View>
 
             
-            {(A!=="all"||t.trim().length>0||C||w.length!==I.length)&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginHorizontal:8,marginBottom:8,paddingHorizontal:8,paddingVertical:5.5,backgroundColor:`${AppColors_1.AppColors.purple}10`,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}25`}}>
+            {(z!=="all"||o.trim().length>0||C||p.length!==R.length)&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginHorizontal:8,marginBottom:8,paddingHorizontal:8,paddingVertical:5.5,backgroundColor:`${AppColors_1.AppColors.purple}10`,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}25`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.purple}}>
-                  Showing {w.length} of {P.length} requests
+                  Showing {p.length} of {v.length} requests
                 </react_native_1.Text>
-                <TouchableScale_1.default onPress={()=>{a(""),M("all"),m(new Set),S(new Set),x("all"),z("all"),F("time_desc"),i("all")}}>
+                <TouchableScale_1.default onPress={()=>{a(""),E("all"),T(new Set),A(new Set),k("all"),L("all"),P("time_desc"),i("all")}}>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.errorColor}}>
                     Clear All Filters
                   </react_native_1.Text>
@@ -146,10 +150,13 @@
               </react_native_1.View>}
           </react_native_1.View>
 
-        <react_native_1.FlatList ref={oe}data={E}keyExtractor={le}renderItem={ce}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={t.length>0||C||A!=="all"}searchQuery={t}customTitle={t.length>0?"No matching API requests":"No network activity"}onClearSearch={()=>{a(""),m(new Set),S(new Set),x("all"),z("all"),F("time_desc"),M("all"),i("all")}}/>}ListFooterComponent={l.length>0?<react_native_1.View style={{paddingBottom:24}}>
-              <EndOfListFooter_1.default count={u?w.length:Math.min(k,w.length)}totalCount={w.length}label="requests"hasMore={!u&&w.length>k}loadMoreStep={30}onLoadMore={()=>Y(e=>e+30)}/>
+        <react_native_1.FlatList ref={K}data={se}keyExtractor={ne}renderItem={fe}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={o.length>0||C||z!=="all"}searchQuery={o}customTitle={o.length>0?"No matching API requests":"No network activity"}onClearSearch={()=>{a(""),T(new Set),A(new Set),k("all"),L("all"),P("time_desc"),E("all"),i("all")}}/>}ListFooterComponent={l.length>0?<react_native_1.View style={{paddingBottom:24}}>
+              <EndOfListFooter_1.default count={f?p.length:Math.min(M,p.length)}totalCount={p.length}label="requests"hasMore={!f&&p.length>M}loadMoreStep={30}onLoadMore={()=>ee(e=>e+30)}/>
             </react_native_1.View>:null}style={{flex:1}}contentContainerStyle={[styles_1.default.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
 
       
-      <NetworkFilterModal_1.default visible={re}onClose={()=>K(!1)}filters={ie}onApply={ne}searchQuery={t}/>
+      <NetworkFilterModal_1.default visible={ae}onClose={()=>X(!1)}filters={de}onApply={ue}searchQuery={o}/>
+
+      
+      <NetworkExportModal_1.default visible={ie}onClose={()=>J(!1)}filteredLogs={p}allLogs={v}/>
     </react_native_1.View>});exports.default=NetworkTab;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,r){r===void 0&&(r=a);var o=Object.getOwnPropertyDescriptor(t,a);(!o||("get"in o?!t.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,o)}):(function(e,t,a,r){r===void 0&&(r=a),e[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var r=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(r[r.length]=o);return r},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=e(t),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(a,t,r[o]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NpmStarPrompt=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),settingsStore_1=require("../../helpers/settingsStore"),telemetry_1=require("../../helpers/telemetry"),NetworkIcons_1=require("../NetworkIcons"),FIVE_DAYS_MS=7200*60*1e3,GITHUB_REPO_URL="https://github.com/vengatmacuser/react-native-inapp-inspector",NPM_PACKAGE_URL="https://www.npmjs.com/package/react-native-inapp-inspector",NpmStarPrompt=()=>{const[e,t]=(0,react_1.useState)(!1),a=(0,react_1.useRef)(new react_native_1.Animated.Value(200)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,o=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{let i=!0;async function g(){try{const n=await(0,settingsStore_1.loadSettings)();if(n.starPromptActioned)return;const c=Date.now(),y=n.starPromptFirstSeen||c;n.starPromptFirstSeen||await(0,settingsStore_1.saveSettings)({...n,starPromptFirstSeen:c});const f=n.starPromptLastShown||y;c-f>=FIVE_DAYS_MS&&Math.random()<.65&&i&&setTimeout(()=>{i&&p()},1800)}catch{}}return g(),()=>{i=!1}},[]);const p=async()=>{t(!0);try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptLastShown:Date.now()}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_shown",{trigger:"5_day_interval",platform:react_native_1.Platform.OS})}catch{}react_native_1.Animated.parallel([react_native_1.Animated.spring(a,{toValue:0,friction:8,tension:50,useNativeDriver:!0}),react_native_1.Animated.timing(r,{toValue:1,duration:250,useNativeDriver:!0})]).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(o,{toValue:1.15,duration:900,useNativeDriver:!0}),react_native_1.Animated.timing(o,{toValue:1,duration:900,useNativeDriver:!0})])).start()},s=i=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(r,{toValue:0,duration:180,useNativeDriver:!0}),react_native_1.Animated.timing(a,{toValue:200,duration:180,useNativeDriver:!0})]).start(()=>{t(!1),i&&i()})},u=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"starred",platform:react_native_1.Platform.OS})}catch{}s(()=>{react_native_1.Linking.openURL(GITHUB_REPO_URL).catch(()=>{react_native_1.Linking.openURL(NPM_PACKAGE_URL).catch(()=>{})})})},d=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"already_starred",platform:react_native_1.Platform.OS})}catch{}s()},l=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptLastShown:Date.now()}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"remind_later",platform:react_native_1.Platform.OS})}catch{}s()},m=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"dont_ask_again",platform:react_native_1.Platform.OS})}catch{}s()};return e?<react_native_1.Modal transparent visible={e}animationType="none"onRequestClose={l}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,r){r===void 0&&(r=a);var o=Object.getOwnPropertyDescriptor(t,a);(!o||("get"in o?!t.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,o)}):(function(e,t,a,r){r===void 0&&(r=a),e[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var r=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(r[r.length]=o);return r},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=e(t),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(a,t,r[o]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NpmStarPrompt=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),i18n_1=require("../../i18n"),settingsStore_1=require("../../helpers/settingsStore"),telemetry_1=require("../../helpers/telemetry"),NetworkIcons_1=require("../NetworkIcons"),FIVE_DAYS_MS=7200*60*1e3,GITHUB_REPO_URL="https://github.com/vengatmacuser/react-native-inapp-inspector",NPM_PACKAGE_URL="https://www.npmjs.com/package/react-native-inapp-inspector",NpmStarPrompt=()=>{const[e,t]=(0,react_1.useState)(!1),a=(0,react_1.useRef)(new react_native_1.Animated.Value(200)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,o=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{let i=!0;async function g(){try{const n=await(0,settingsStore_1.loadSettings)();if(n.starPromptActioned)return;const c=Date.now(),y=n.starPromptFirstSeen||c;n.starPromptFirstSeen||await(0,settingsStore_1.saveSettings)({...n,starPromptFirstSeen:c});const f=n.starPromptLastShown||y;c-f>=FIVE_DAYS_MS&&Math.random()<.65&&i&&setTimeout(()=>{i&&p()},1800)}catch{}}return g(),()=>{i=!1}},[]);const p=async()=>{t(!0);try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptLastShown:Date.now()}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_shown",{trigger:"5_day_interval",platform:react_native_1.Platform.OS})}catch{}react_native_1.Animated.parallel([react_native_1.Animated.spring(a,{toValue:0,friction:8,tension:50,useNativeDriver:!0}),react_native_1.Animated.timing(r,{toValue:1,duration:250,useNativeDriver:!0})]).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(o,{toValue:1.15,duration:900,useNativeDriver:!0}),react_native_1.Animated.timing(o,{toValue:1,duration:900,useNativeDriver:!0})])).start()},s=i=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(r,{toValue:0,duration:180,useNativeDriver:!0}),react_native_1.Animated.timing(a,{toValue:200,duration:180,useNativeDriver:!0})]).start(()=>{t(!1),i&&i()})},u=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"starred",platform:react_native_1.Platform.OS})}catch{}s(()=>{react_native_1.Linking.openURL(GITHUB_REPO_URL).catch(()=>{react_native_1.Linking.openURL(NPM_PACKAGE_URL).catch(()=>{})})})},d=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"already_starred",platform:react_native_1.Platform.OS})}catch{}s()},l=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptLastShown:Date.now()}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"remind_later",platform:react_native_1.Platform.OS})}catch{}s()},m=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"dont_ask_again",platform:react_native_1.Platform.OS})}catch{}s()};return e?<react_native_1.Modal transparent visible={e}animationType="none"onRequestClose={l}>
       <react_native_1.Animated.View style={[styles.backdrop,{opacity:r}]}>
         <react_native_1.TouchableOpacity style={react_native_1.StyleSheet.absoluteFill}activeOpacity={1}onPress={l}/>
 
@@ -18,30 +18,29 @@
 
           
           <react_native_1.View style={styles.pillBadge}>
-            <react_native_1.Text style={styles.pillBadgeText}>SUPPORT OPEN SOURCE</react_native_1.Text>
+            <react_native_1.Text style={styles.pillBadgeText}>{(0,i18n_1.t)("support.supportOpenSource","SUPPORT OPEN SOURCE")}</react_native_1.Text>
           </react_native_1.View>
 
           
-          <react_native_1.Text style={styles.title}>Enjoying In-App Inspector?</react_native_1.Text>
+          <react_native_1.Text style={styles.title}>{(0,i18n_1.t)("support.enjoyingTitle","Enjoying In-App Inspector?")}</react_native_1.Text>
           <react_native_1.Text style={styles.description}>
-            If this debugging tool saves you time, please consider giving us a
-            star on GitHub & npm. Your support helps us build more features!
+            {(0,i18n_1.t)("support.enjoyingSubtitle","If this debugging tool saves you time, please consider giving us a star on GitHub & npm. Your support helps us build more features!")}
           </react_native_1.Text>
 
           
           <react_native_1.View style={styles.metricsBar}>
             <react_native_1.View style={styles.metricItem}>
               <NetworkIcons_1.GitHubIcon size={13}color={AppColors_1.AppColors.grayText}/>
-              <react_native_1.Text style={styles.metricText}>GitHub Star</react_native_1.Text>
+              <react_native_1.Text style={styles.metricText}>{(0,i18n_1.t)("support.githubStar","GitHub Star")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={styles.metricDot}/>
             <react_native_1.View style={styles.metricItem}>
               <NetworkIcons_1.NpmIcon size={13}color={AppColors_1.AppColors.npmRed}/>
-              <react_native_1.Text style={styles.metricText}>npm Package</react_native_1.Text>
+              <react_native_1.Text style={styles.metricText}>{(0,i18n_1.t)("support.npmPackage","npm Package")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={styles.metricDot}/>
             <react_native_1.View style={styles.metricItem}>
-              <react_native_1.Text style={styles.metricText}>100% Free</react_native_1.Text>
+              <react_native_1.Text style={styles.metricText}>{(0,i18n_1.t)("support.free100","100% Free")}</react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
 
@@ -49,7 +48,7 @@
           <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Star on GitHub"onPress={u}style={styles.primaryButton}>
             <react_native_1.View style={styles.primaryButtonContent}>
               <NetworkIcons_1.StarIcon size={16}color={AppColors_1.AppColors.white}/>
-              <react_native_1.Text style={styles.primaryButtonText}>Star on GitHub & npm</react_native_1.Text>
+              <react_native_1.Text style={styles.primaryButtonText}>{(0,i18n_1.t)("support.starOnGithubNpm","Star on GitHub & npm")}</react_native_1.Text>
             </react_native_1.View>
           </TouchableScale_1.default>
 
@@ -57,20 +56,20 @@
           <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="I already starred"onPress={d}style={styles.secondaryButton}>
             <react_native_1.View style={styles.secondaryButtonContent}>
               <NetworkIcons_1.CheckIcon size={13}color={AppColors_1.AppColors.purple}/>
-              <react_native_1.Text style={styles.secondaryButtonText}>I Already Starred</react_native_1.Text>
+              <react_native_1.Text style={styles.secondaryButtonText}>{(0,i18n_1.t)("support.alreadyStarred","I Already Starred")}</react_native_1.Text>
             </react_native_1.View>
           </TouchableScale_1.default>
 
           
           <react_native_1.View style={styles.footerRow}>
             <react_native_1.TouchableOpacity onPress={l}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-              <react_native_1.Text style={styles.footerLinkText}>Remind Me Later</react_native_1.Text>
+              <react_native_1.Text style={styles.footerLinkText}>{(0,i18n_1.t)("support.remindMeLater","Remind Me Later")}</react_native_1.Text>
             </react_native_1.TouchableOpacity>
 
             <react_native_1.View style={styles.footerSeparator}/>
 
             <react_native_1.TouchableOpacity onPress={m}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-              <react_native_1.Text style={styles.footerLinkTextMuted}>Don't Ask Again</react_native_1.Text>
+              <react_native_1.Text style={styles.footerLinkTextMuted}>{(0,i18n_1.t)("support.dontAskAgain","Don't Ask Again")}</react_native_1.Text>
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
         </react_native_1.Animated.View>

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,i,l,o){o===void 0&&(o=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,o,t)}):(function(e,i,l,o){o===void 0&&(o=l),e[o]=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 o=[];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(o[o.length]=t);return o},e(i)};return function(i){if(i&&i.__esModule)return i;var l={};if(i!=null)for(var o=e(i),t=0;t<o.length;t++)o[t]!=="default"&&__createBinding(l,i,o[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")),ShareButton_1=__importDefault(require("../ShareButton")),TouchableScale_1=__importDefault(require("../TouchableScale")),HighlightText_1=__importDefault(require("../HighlightText")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),reduxLogger_1=require("../../customHooks/reduxLogger"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),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.AtomIcon 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.BoltIcon color={i}size={l}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"epic":return{label:"EPIC",renderIcon:(i,l=9)=><NetworkIcons_1.TerminalIcon 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};case"component":return{label:"UI DISPATCH",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};default:return{label:"DISPATCH",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:o,selectedReduxAction:t}=(0,InspectorContext_1.useInspector)(),[d,S]=(0,react_1.useState)(""),[y,V]=(0,react_1.useState)("live"),[T,F]=(0,react_1.useState)("payload"),[k,B]=(0,react_1.useState)("raw"),[P,W]=(0,react_1.useState)(null),[_,A]=(0,react_1.useState)(!1),[b,g]=(0,react_1.useState)(null),h=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[l]),x=(0,react_1.useMemo)(()=>o?h.filter(a=>!a.affectedSlices||a.affectedSlices.length===0?!0:a.affectedSlices.includes(o)):h,[h,o]),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(!o)return;async function a(){try{const p=(0,settingsStore_1.getCustomStorage)();if(!p){A(!1),g(null);return}let c=await p.getItem(`persist:${o}`);if(c){try{g(JSON.parse(c))}catch{g(c)}A(!0);return}let n=await p.getItem("persist:root");if(n){const r=JSON.parse(n);if(r&&r[o]!==void 0){const s=r[o];try{g(typeof s=="string"?JSON.parse(s):s)}catch{g(s)}A(!0);return}}}catch{}A(!1),g(null)}a()},[o]);const z=()=>{o&&react_native_1.Alert.alert(e("redux.clearPersistedTitle","Clear Persisted State"),e("redux.clearPersistedMessage",'Are you sure you want to delete persisted storage for slice "{{slice}}"?').replace("{{slice}}",o||""),[{text:e("common.cancel","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:${o}`):await a.setItem(`persist:${o}`,""),A(!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(e("redux.clearedPersisted","Persisted state has been cleared."))}catch{react_native_1.Alert.alert(e("common.failed","Failed"),e("redux.clearPersistedError","Failed to clear persisted state."))}}}])};if(o!=null){const a=i?.[o],p=a&&typeof a=="object"?Object.keys(a).length:typeof a<"u"?1:0,c=l[o],n=[{key:"live",label:e("redux.liveState","Live State"),icon:r=><NetworkIcons_1.LiveStateIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"timeline",label:`${e("redux.timeline","Timeline")} (${x.length})`,icon:r=><NetworkIcons_1.TimelineIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"persisted",label:_?e("redux.persisted","Persisted"):e("redux.storage","Storage"),icon:r=><NetworkIcons_1.StorageIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"metadata",label:e("redux.metadata","Metadata"),icon:r=><NetworkIcons_1.MetadataIcon color={r?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,o){o===void 0&&(o=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,o,t)}):(function(e,i,l,o){o===void 0&&(o=l),e[o]=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 o=[];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(o[o.length]=t);return o},e(i)};return function(i){if(i&&i.__esModule)return i;var l={};if(i!=null)for(var o=e(i),t=0;t<o.length;t++)o[t]!=="default"&&__createBinding(l,i,o[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")),ShareButton_1=__importDefault(require("../ShareButton")),TouchableScale_1=__importDefault(require("../TouchableScale")),HighlightText_1=__importDefault(require("../HighlightText")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),reduxLogger_1=require("../../customHooks/reduxLogger"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),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.AtomIcon 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.BoltIcon color={i}size={l}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"epic":return{label:"EPIC",renderIcon:(i,l=9)=><NetworkIcons_1.TerminalIcon 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};case"component":return{label:"UI DISPATCH",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};default:return{label:"DISPATCH",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:o,selectedReduxAction:t}=(0,InspectorContext_1.useInspector)(),[d,S]=(0,react_1.useState)(""),[y,V]=(0,react_1.useState)("live"),[T,P]=(0,react_1.useState)("payload"),[k,B]=(0,react_1.useState)("raw"),[F,D]=(0,react_1.useState)(null),[_,A]=(0,react_1.useState)(!1),[b,g]=(0,react_1.useState)(null),h=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[l]),m=(0,react_1.useMemo)(()=>o?h.filter(a=>!a.affectedSlices||a.affectedSlices.length===0?!0:a.affectedSlices.includes(o)):h,[h,o]),I=(0,react_1.useMemo)(()=>{if(!d.trim())return m;const a=d.toLowerCase();return m.filter(p=>p.type.toLowerCase().includes(a)||p.callerFile&&p.callerFile.toLowerCase().includes(a)||p.payload&&JSON.stringify(p.payload).toLowerCase().includes(a))},[m,d]);(0,react_1.useEffect)(()=>{if(!o)return;async function a(){try{const p=(0,settingsStore_1.getCustomStorage)();if(!p){A(!1),g(null);return}let c=await p.getItem(`persist:${o}`);if(c){try{g(JSON.parse(c))}catch{g(c)}A(!0);return}let n=await p.getItem("persist:root");if(n){const r=JSON.parse(n);if(r&&r[o]!==void 0){const s=r[o];try{g(typeof s=="string"?JSON.parse(s):s)}catch{g(s)}A(!0);return}}}catch{}A(!1),g(null)}a()},[o]);const z=()=>{o&&react_native_1.Alert.alert(e("redux.clearPersistedTitle","Clear Persisted State"),e("redux.clearPersistedMessage",'Are you sure you want to delete persisted storage for slice "{{slice}}"?').replace("{{slice}}",o||""),[{text:e("common.cancel","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:${o}`):await a.setItem(`persist:${o}`,""),A(!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(e("redux.clearedPersisted","Persisted state has been cleared."))}catch{react_native_1.Alert.alert(e("common.failed","Failed"),e("redux.clearPersistedError","Failed to clear persisted state."))}}}])};if(o!=null){const a=i?.[o],p=a&&typeof a=="object"?Object.keys(a).length:typeof a<"u"?1:0,c=l[o],n=[{key:"live",label:e("redux.liveState","Live State"),icon:r=><NetworkIcons_1.LiveStateIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"timeline",label:`${e("redux.timeline","Timeline")} (${m.length})`,icon:r=><NetworkIcons_1.TimelineIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"persisted",label:_?e("redux.persisted","Persisted"):e("redux.storage","Storage"),icon:r=><NetworkIcons_1.StorageIcon color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>},{key:"metadata",label:e("redux.metadata","Metadata"),icon:r=><NetworkIcons_1.MetadataIcon color={r?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}>
@@ -58,7 +58,7 @@
                 {e("redux.timeline","Timeline")}:
               </react_native_1.Text>
               <react_native_1.Text style={[reduxDetailStyles.statValue,{color:AppColors_1.AppColors.brandPurple}]}>
-                {x.length}
+                {m.length}
               </react_native_1.Text>
             </react_native_1.View>
             {c&&<react_native_1.View style={[reduxDetailStyles.statPill,{backgroundColor:AppColors_1.AppColors.amber100,borderColor:AppColors_1.AppColors.amber200,flexShrink:1,maxWidth:160}]}>
@@ -92,8 +92,8 @@
                 <react_native_1.Text style={reduxDetailStyles.emptyBoxText}>
                   {d.trim()?"No actions matching your search query.":"No dispatched actions recorded for this slice yet."}
                 </react_native_1.Text>
-              </react_native_1.View>:I.map((r,s)=>{const C=P===r.id,f=getOriginBadge(r.originType),D=r.callerFile?r.callerFile.split("/").pop():null;return<AnimatedEntrance_1.default key={r.id}index={s}distance={6}>
-                    <TouchableScale_1.default onPress={()=>W(C?null:r.id)}style={reduxDetailStyles.timelineCard}>
+              </react_native_1.View>:I.map((r,s)=>{const C=F===r.id,f=getOriginBadge(r.originType),W=r.callerFile?r.callerFile.split("/").pop():null;return<AnimatedEntrance_1.default key={r.id}index={s}distance={6}>
+                    <TouchableScale_1.default onPress={()=>D(C?null:r.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={reduxDetailStyles.actionBadge}>
@@ -128,7 +128,7 @@
                               {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}>
-                              {D}:{r.callerLine||1}
+                              {W}:{r.callerLine||1}
                             </react_native_1.Text>
                           </react_native_1.View>
 
@@ -149,7 +149,7 @@
                               </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}}>
                                 {r.stack.split(`
-`).map(m=>m.trim()).filter(m=>m.length>0&&!m.includes("reduxLogger")&&!m.includes("inspectorReduxMiddleware")).slice(0,8).map((m,v)=>{const u=(0,helpers_1.parseStackLine)(m,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}}>
+`).map(x=>x.trim()).filter(x=>x.length>0&&!x.includes("reduxLogger")&&!x.includes("inspectorReduxMiddleware")).slice(0,8).map((x,v)=>{const u=(0,helpers_1.parseStackLine)(x,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"}
@@ -186,7 +186,7 @@
                   </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:o},{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)(b)})`:"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((r,s)=><react_native_1.View key={s}style={[reduxDetailStyles.metaRow,s===6&&{borderBottomWidth:0}]}>
+              {[{label:"Slice Name",value:o},{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)(b)})`:"Not Persisted (In-Memory)"},{label:"Dispatched Actions History",value:`${m.length} recorded actions`},{label:"Last Dispatched Action",value:c?c.type:"None"},{label:"Last Action Timestamp",value:c?c.timestamp:"Initial"}].map((r,s)=><react_native_1.View key={s}style={[reduxDetailStyles.metaRow,s===6&&{borderBottomWidth:0}]}>
                   <react_native_1.Text style={reduxDetailStyles.metaLabel}>{r.label}</react_native_1.Text>
                   <react_native_1.Text style={reduxDetailStyles.metaValue}selectable numberOfLines={2}>
                     {r.value}
@@ -196,7 +196,7 @@
               {_&&<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
+                    {e("redux.clearPersistedStorageSlice","Clear Persisted Storage For This Slice")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
             </react_native_1.View>
@@ -224,11 +224,10 @@
               </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
+                  {e("redux.notPersistedInStorage","Not Persisted in Storage")}
                 </react_native_1.Text>
                 <react_native_1.Text style={reduxDetailStyles.emptyBoxText}>
-                  This slice is not stored in AsyncStorage or redux-persist.
-                  State exists purely in active JavaScript memory.
+                  {e("redux.notPersistedDesc","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}}>
@@ -305,20 +304,20 @@
               <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
+                  {e("redux.openInEditor","Open in Editor")}
                 </react_native_1.Text>
               </react_native_1.Pressable>
             </react_native_1.View>}
 
           
-          <SegmentedTabs_1.default tabs={c}activeKey={T}onChange={n=>F(n)}style={{marginTop:10}}/>
+          <SegmentedTabs_1.default tabs={c}activeKey={T}onChange={n=>P(n)}style={{marginTop:10}}/>
         </react_native_1.View>
 
         
         {T==="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.
+                  {e("redux.actionNoPayload","This action has no payload dispatched.")}
                 </react_native_1.Text>
               </react_native_1.View>}
           </react_native_1.View>:T==="diff"?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40}}keyboardShouldPersistTaps="handled">
@@ -326,7 +325,7 @@
           </react_native_1.ScrollView>:T==="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:
+                  {e("redux.dispatchedFromCallStack","Dispatched from call stack:")}
                 </react_native_1.Text>
                 {t.stack.split(`
 `).map(n=>n.trim()).filter(n=>n.length>0&&!n.includes("reduxLogger")&&!n.includes("inspectorReduxMiddleware")).map((n,r)=>{const s=(0,helpers_1.parseStackLine)(n,r===0),C=s.frameType==="app";return<react_native_1.Pressable key={r}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}}>
@@ -343,7 +342,7 @@
                       </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.
+                  {e("redux.noCallStackCaptured","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}}>
@@ -352,10 +351,9 @@
       </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
+        {e("redux.noSliceSelected","No Redux Slice Selected")}
       </react_native_1.Text>
       <react_native_1.Text style={reduxDetailStyles.emptyBoxText}>
-        Select a slice from the Redux tab to inspect its state and dispatched
-        actions.
+        {e("redux.selectSlicePrompt","Select a slice from the Redux tab to inspect its state and dispatched actions.")}
       </react_native_1.Text>
     </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;