react-native-inapp-inspector 2.3.24 → 2.3.25

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

@@ -1,100 +1,113 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(a,t,l,o){o===void 0&&(o=l);var n=Object.getOwnPropertyDescriptor(t,l);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(a,o,n)}):(function(a,t,l,o){o===void 0&&(o=l),a[o]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(a,t){Object.defineProperty(a,"default",{enumerable:!0,value:t})}):function(a,t){a.default=t}),__importStar=this&&this.__importStar||(function(){var a=function(t){return a=Object.getOwnPropertyNames||function(l){var o=[];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(o[o.length]=n);return o},a(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var o=a(t),n=0;n<o.length;n++)o[n]!=="default"&&__createBinding(l,t,o[n]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};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"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),HighlightText_1=__importDefault(require("../HighlightText")),helpers_1=require("../../helpers"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),reduxLogger_1=require("../../customHooks/reduxLogger"),NetworkIcons_1=require("../NetworkIcons"),getOriginBadge=a=>{switch(a){case"saga":return{label:"SAGA",renderIcon:(t,l=9)=><NetworkIcons_1.BoltIcon color={t}size={l}/>,bg:AppColors_1.AppColors.purple100,text:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.purple200};case"thunk":return{label:"THUNK",renderIcon:(t,l=9)=><NetworkIcons_1.AtomIcon color={t}size={l}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"ui":return{label:"UI",renderIcon:(t,l=9)=><NetworkIcons_1.ScreenIcon color={t}size={l}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};case"listener":return{label:"LISTENER",renderIcon:(t,l=9)=><NetworkIcons_1.ListenerIcon color={t}size={l}/>,bg:AppColors_1.AppColors.teal100,text:AppColors_1.AppColors.teal700,border:AppColors_1.AppColors.teal400};default:return{label:"DIRECT",renderIcon:(t,l=9)=><NetworkIcons_1.BoltIcon color={t}size={l}/>,bg:AppColors_1.AppColors.slate100,text:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate200}}},ReduxTab=react_1.default.memo(()=>{const{t:a}=(0,i18n_1.useTranslation)(),{reduxState:t,reduxLastActionMap:l,reduxSearch:o,setReduxSearch:n,setSelectedReduxSlice:m}=(0,InspectorContext_1.useInspector)(),v=(0,react_1.useRef)(null),[p,S]=(0,react_1.useState)("latest"),[b,V]=(0,react_1.useState)(!(0,reduxLogger_1.getReduxAutoRefresh)()),z=(0,react_1.useCallback)(()=>{V(e=>{const i=!e;return(0,reduxLogger_1.setReduxAutoRefresh)(!i),i})},[]),I=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(t),[t]),h=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[l]),A=(0,react_1.useMemo)(()=>!t||typeof t!="object"?[]:Object.keys(t).map(i=>{const r=t[i],c=Array.isArray(r),f=r&&typeof r=="object";let C="Primitive",d=0;c?(d=r.length,C=`Array [${d}]`):f?(d=Object.keys(r).length,C=`Object {${d}}`):typeof r<"u"&&(d=1,C=typeof r);let _="live",x;f&&(r.loading===!0||r.isLoading===!0||r.status==="loading"||r.status==="pending"?(_="loading",x="Loading"):r.error||r.hasError||r.status==="error"||r.status==="failed"?(_="error",x=typeof r.error=="string"?r.error:"Error"):d===0&&(_="empty",x="Empty"));const s=l[i],F=s?.updatedAt||0,P=h.filter(u=>!u.affectedSlices||u.affectedSlices.length===0?!0:u.affectedSlices.includes(i)).length;let w;if(s){let u;if(s.payload!==void 0&&s.payload!==null)try{if(typeof s.payload=="object"){const T=Object.keys(s.payload);u=`{ ${T.slice(0,3).join(", ")}${T.length>3?"...":""} }`}else u=String(s.payload)}catch{}w={type:s.type,timestamp:s.timestamp,updatedAt:s.updatedAt,payloadPreview:u,originType:s.originType,callerFile:s.callerFile,callerLine:s.callerLine,callerCol:s.callerCol}}return{id:`slice-${i}`,name:i,keysCount:d,sizeStr:(0,helpers_1.getSize)(r),typeLabel:C,status:_,statusMessage:x,timelineCount:P,lastAction:w,updatedAt:F}}),[t,l,h]),g=(0,react_1.useMemo)(()=>{let e=A;if(o&&o.trim().length>0){const i=o.trim().toLowerCase().split(/\s+/).filter(Boolean);e=e.filter(r=>{const c=t?t[r.name]:null,f=[r.name||"",r.lastAction?.type||"",r.lastAction?.payloadPreview||"",r.lastAction?.originType||"",r.status||"",r.statusMessage||"",c?typeof c=="string"?c:JSON.stringify(c):""].join(" ").toLowerCase();return i.every(C=>f.includes(C))})}return[...e].sort((i,r)=>p==="latest"&&r.updatedAt!==i.updatedAt?r.updatedAt-i.updatedAt:i.name.localeCompare(r.name))},[A,o,p,t]),y=(0,react_1.useMemo)(()=>{const e=Object.values(l);return e.length===0?null:e.reduce((i,r)=>i?(r.updatedAt||0)>(i.updatedAt||0)?r:i:r,null)},[l]),R=(0,react_1.useCallback)(({item:e,index:i})=>{const r=e.updatedAt>0&&Date.now()-e.updatedAt<5e3;return<AnimatedEntrance_1.default index={i}distance={8}>
-          <TouchableScale_1.default onPress={()=>{m(e.name)}}style={[reduxTabStyles.card,r&&reduxTabStyles.cardRecentlyUpdated]}>
-            
-            <react_native_1.View style={reduxTabStyles.cardHeader}>
-              <react_native_1.View style={reduxTabStyles.sliceBadge}>
-                <react_native_1.Text style={reduxTabStyles.sliceBadgeText}>SLICE</react_native_1.Text>
-              </react_native_1.View>
-
-              <HighlightText_1.default text={e.name}search={o}style={reduxTabStyles.sliceName}highlightStyle={reduxTabStyles.highlight}/>
-
-              
-              {e.status==="loading"?<react_native_1.View style={reduxTabStyles.loadingPill}>
-                  <NetworkIcons_1.LoadingSpinnerIcon color={AppColors_1.AppColors.amber800Warm}size={10}/>
-                  <react_native_1.Text style={reduxTabStyles.loadingPillText}>Loading</react_native_1.Text>
-                </react_native_1.View>:e.status==="error"?<react_native_1.View style={reduxTabStyles.errorPill}>
-                  <NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.red600}size={10}/>
-                  <react_native_1.Text style={reduxTabStyles.errorPillText}>Error</react_native_1.Text>
-                </react_native_1.View>:e.status==="empty"?<react_native_1.View style={reduxTabStyles.emptyPill}>
-                  <react_native_1.Text style={reduxTabStyles.emptyPillText}>Empty</react_native_1.Text>
-                </react_native_1.View>:<react_native_1.View style={reduxTabStyles.livePill}>
-                  <react_native_1.View style={reduxTabStyles.liveDot}/>
-                  <react_native_1.Text style={reduxTabStyles.livePillText}>Live</react_native_1.Text>
-                </react_native_1.View>}
-
-              {e.lastAction?.timestamp&&<react_native_1.View style={reduxTabStyles.timePill}>
-                  <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.purple}size={10}/>
-                  <react_native_1.Text style={reduxTabStyles.timeText}>
-                    {e.lastAction.timestamp}
-                  </react_native_1.Text>
-                </react_native_1.View>}
-
-              <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
-            </react_native_1.View>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,a,r){r===void 0&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(i,r,n)}):(function(i,t,a,r){r===void 0&&(r=a),i[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,t){Object.defineProperty(i,"default",{enumerable:!0,value:t})}):function(i,t){i.default=t}),__importStar=this&&this.__importStar||(function(){var i=function(t){return i=Object.getOwnPropertyNames||function(a){var r=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(r[r.length]=n);return r},i(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=i(t),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(a,t,r[n]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};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"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),HighlightText_1=__importDefault(require("../HighlightText")),helpers_1=require("../../helpers"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),reduxLogger_1=require("../../customHooks/reduxLogger"),NetworkIcons_1=require("../NetworkIcons"),getOriginBadge=i=>{switch(i){case"saga":return{label:"SAGA",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.purple100,text:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.purple200};case"thunk":return{label:"THUNK",renderIcon:(t,a=9)=><NetworkIcons_1.AtomIcon color={t}size={a}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"ui":return{label:"UI",renderIcon:(t,a=9)=><NetworkIcons_1.ScreenIcon color={t}size={a}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};case"listener":return{label:"LISTENER",renderIcon:(t,a=9)=><NetworkIcons_1.ListenerIcon color={t}size={a}/>,bg:AppColors_1.AppColors.teal100,text:AppColors_1.AppColors.teal700,border:AppColors_1.AppColors.teal400};default:return{label:"DIRECT",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.slate100,text:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate200}}},ReduxTab=react_1.default.memo(()=>{const{t:i}=(0,i18n_1.useTranslation)(),{reduxState:t,reduxLastActionMap:a,reduxSearch:r,setReduxSearch:n,setSelectedReduxSlice:_}=(0,InspectorContext_1.useInspector)(),V=(0,react_1.useRef)(null),[m,I]=(0,react_1.useState)(100),[y,R]=(0,react_1.useState)("latest"),[A,z]=(0,react_1.useState)(!(0,reduxLogger_1.getReduxAutoRefresh)()),B=(0,react_1.useCallback)(()=>{z(e=>{const l=!e;return(0,reduxLogger_1.setReduxAutoRefresh)(!l),l})},[]),k=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(t),[t]),T=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[a]),w=(0,react_1.useMemo)(()=>!t||typeof t!="object"?[]:Object.keys(t).map(l=>{const o=t[l],p=Array.isArray(o),b=o&&typeof o=="object";let g="Primitive",d=0;p?(d=o.length,g=`Array [${d}]`):b?(d=Object.keys(o).length,g=`Object {${d}}`):typeof o<"u"&&(d=1,g=typeof o);let C="live",c;b&&(o.loading===!0||o.isLoading===!0||o.status==="loading"||o.status==="pending"?(C="loading",c="Loading"):o.error||o.hasError||o.status==="error"||o.status==="failed"?(C="error",c=typeof o.error=="string"?o.error:"Error"):d===0&&(C="empty",c="Empty"));const s=a[l],H=s?.updatedAt||0,P=T.filter(f=>!f.affectedSlices||f.affectedSlices.length===0?!0:f.affectedSlices.includes(l)).length;let v;if(s){let f;if(s.payload!==void 0&&s.payload!==null)try{if(typeof s.payload=="object"){const S=Object.keys(s.payload);f=`{ ${S.slice(0,3).join(", ")}${S.length>3?"...":""} }`}else f=String(s.payload)}catch{}v={type:s.type,timestamp:s.timestamp,updatedAt:s.updatedAt,payloadPreview:f,originType:s.originType,callerFile:s.callerFile,callerLine:s.callerLine,callerCol:s.callerCol}}return{id:`slice-${l}`,name:l,keysCount:d,sizeStr:(0,helpers_1.getSize)(o),typeLabel:g,status:C,statusMessage:c,timelineCount:P,lastAction:v,updatedAt:H}}),[t,a,T]),u=(0,react_1.useMemo)(()=>{let e=w;if(r&&r.trim().length>0){const l=r.trim().toLowerCase().split(/\s+/).filter(Boolean);e=e.filter(o=>{const p=t?t[o.name]:null,b=[o.name||"",o.lastAction?.type||"",o.lastAction?.payloadPreview||"",o.lastAction?.originType||"",o.status||"",o.statusMessage||"",p?typeof p=="string"?p:JSON.stringify(p):""].join(" ").toLowerCase();return l.every(g=>b.includes(g))})}return[...e].sort((l,o)=>y==="latest"&&o.updatedAt!==l.updatedAt?o.updatedAt-l.updatedAt:l.name.localeCompare(o.name))},[w,r,y,t]),x=(0,react_1.useMemo)(()=>u.slice(0,m),[u,m]),h=(0,react_1.useMemo)(()=>{const e=Object.values(a);return e.length===0?null:e.reduce((l,o)=>l?(o.updatedAt||0)>(l.updatedAt||0)?o:l:o,null)},[a]),F=(0,react_1.useCallback)(({item:e,index:l})=>{const o=e.updatedAt>0&&Date.now()-e.updatedAt<5e3,p=e.status==="error"?AppColors_1.AppColors.errorColor:e.status==="loading"?AppColors_1.AppColors.warningIconGold:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.greenColor,b=e.status==="error"?AppColors_1.AppColors.red100:e.status==="loading"?AppColors_1.AppColors.amber100:e.status==="empty"?AppColors_1.AppColors.grayBackground:AppColors_1.AppColors.emeraldBg,g=e.status==="error"?AppColors_1.AppColors.errorBorder:e.status==="loading"?AppColors_1.AppColors.amber200:e.status==="empty"?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.emeraldBorder,d=e.status==="error"?AppColors_1.AppColors.red600:e.status==="loading"?AppColors_1.AppColors.amber800Warm:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.emerald700,C=e.lastAction?.callerFile?(0,helpers_1.getCleanCallerDisplay)(e.lastAction.callerFile):null;return<AnimatedEntrance_1.default index={l}distance={8}>
+          <react_native_1.View style={reduxTabStyles.cardContainer}>
+            <TouchableScale_1.default onPress={()=>{_(e.name)}}style={[reduxTabStyles.card,{borderLeftWidth:3.5,borderLeftColor:p,backgroundColor:e.status==="error"?AppColors_1.AppColors.errorCardBg:AppColors_1.AppColors.white},o&&reduxTabStyles.cardRecentlyUpdated]}>
+              <react_native_1.View style={reduxTabStyles.cardBody}>
+                
+                <react_native_1.View style={reduxTabStyles.cardHeaderRow}>
+                  <react_native_1.View style={reduxTabStyles.cardHeaderLeft}>
+                    <react_native_1.Text style={reduxTabStyles.serialNumber}>#{l+1}</react_native_1.Text>
+                    <react_native_1.View style={[reduxTabStyles.methodBadge,{backgroundColor:AppColors_1.AppColors.violet600}]}>
+                      <react_native_1.Text style={reduxTabStyles.methodBadgeText}>REDUX</react_native_1.Text>
+                    </react_native_1.View>
+                    <react_native_1.View style={[reduxTabStyles.chip,{backgroundColor:`${AppColors_1.AppColors.violet600}14`,borderColor:`${AppColors_1.AppColors.violet600}2E`}]}>
+                      <react_native_1.Text style={[reduxTabStyles.chipText,{color:AppColors_1.AppColors.violet600}]}>
+                        {e.typeLabel.toUpperCase()}
+                      </react_native_1.Text>
+                    </react_native_1.View>
 
-            
-            <react_native_1.View style={reduxTabStyles.statsRow}>
-              <react_native_1.View style={reduxTabStyles.pill}>
-                <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.grayTextWeak}size={11}/>
-                <react_native_1.Text style={reduxTabStyles.pillValue}>{e.typeLabel}</react_native_1.Text>
-              </react_native_1.View>
-              <react_native_1.View style={reduxTabStyles.pill}>
-                <react_native_1.Text style={reduxTabStyles.pillLabel}>Size:</react_native_1.Text>
-                <react_native_1.Text style={reduxTabStyles.pillValue}>{e.sizeStr}</react_native_1.Text>
-              </react_native_1.View>
-              {e.timelineCount>0&&<react_native_1.View style={reduxTabStyles.pill}>
-                  <react_native_1.Text style={reduxTabStyles.pillLabel}>Actions:</react_native_1.Text>
-                  <react_native_1.Text style={reduxTabStyles.pillValue}>{e.timelineCount}</react_native_1.Text>
-                </react_native_1.View>}
-            </react_native_1.View>
+                    {e.lastAction?.originType&&(()=>{const c=getOriginBadge(e.lastAction.originType);return<react_native_1.View style={[reduxTabStyles.chip,{backgroundColor:c.bg,borderColor:c.border}]}>
+                          {c.renderIcon(c.text,8.5)}
+                          <react_native_1.Text style={[reduxTabStyles.chipText,{color:c.text}]}>
+                            {c.label}
+                          </react_native_1.Text>
+                        </react_native_1.View>})()}
+                  </react_native_1.View>
 
-            
-            {e.lastAction&&<react_native_1.View style={reduxTabStyles.lastActionRow}>
-                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0,flexWrap:"wrap"}}>
-                  <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.brandPurple}size={12}/>
-                  <react_native_1.Text style={reduxTabStyles.lastActionLabel}>{a("redux.last","Last")}:</react_native_1.Text>
+                  <react_native_1.View style={reduxTabStyles.cardHeaderRight}>
+                    <react_native_1.View style={[reduxTabStyles.statusPill,{backgroundColor:b,borderColor:g}]}>
+                      {e.status==="loading"?<NetworkIcons_1.LoadingSpinnerIcon color={AppColors_1.AppColors.amber800Warm}size={10}/>:e.status==="error"?<NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.red600}size={10}/>:e.status==="empty"?null:<react_native_1.View style={reduxTabStyles.liveDot}/>}
+                      <react_native_1.Text style={[reduxTabStyles.statusPillText,{color:d}]}>
+                        {e.status==="loading"?"Loading":e.status==="error"?e.statusMessage||"Error":e.status==="empty"?"Empty":"Live"}
+                      </react_native_1.Text>
+                    </react_native_1.View>
+                    <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
+                  </react_native_1.View>
+                </react_native_1.View>
 
-                  
-                  {e.lastAction.originType&&(()=>{const c=getOriginBadge(e.lastAction.originType);return<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:2.5,backgroundColor:c.bg,paddingHorizontal:4.5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1,borderColor:c.border}}>
-                        {c.renderIcon(c.text,8.5)}
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,color:c.text,letterSpacing:.3}}>
-                          {c.label}
+                
+                <react_native_1.View style={reduxTabStyles.cardMainRow}>
+                  <react_native_1.View style={reduxTabStyles.sliceNameRow}>
+                    <HighlightText_1.default text={e.name}search={r}style={reduxTabStyles.sliceNameText}highlightStyle={reduxTabStyles.highlight}numberOfLines={1}/>
+                    {e.timelineCount>0&&<react_native_1.View style={reduxTabStyles.actionCountChip}>
+                        <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.violet600}size={9}/>
+                        <react_native_1.Text style={reduxTabStyles.actionCountChipText}>
+                          {e.timelineCount}
                         </react_native_1.Text>
-                      </react_native_1.View>})()}
+                      </react_native_1.View>}
+                  </react_native_1.View>
+                  <react_native_1.View style={reduxTabStyles.actionPreviewRow}>
+                    <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.grayTextWeak}size={10}/>
+                    {e.lastAction?<HighlightText_1.default text={e.lastAction.type+(e.lastAction.payloadPreview?` \xB7 ${e.lastAction.payloadPreview}`:"")}search={r}style={reduxTabStyles.actionPreviewText}highlightStyle={reduxTabStyles.highlight}numberOfLines={1}/>:<react_native_1.Text style={reduxTabStyles.actionPreviewEmptyText}numberOfLines={1}>
+                        Initial state (no actions dispatched yet)
+                      </react_native_1.Text>}
+                  </react_native_1.View>
+                </react_native_1.View>
 
-                  <HighlightText_1.default text={e.lastAction.type}search={o}style={reduxTabStyles.lastActionValue}highlightStyle={reduxTabStyles.highlight}numberOfLines={1}/>
+                
+                <react_native_1.View style={reduxTabStyles.cardFooterRow}>
+                  <react_native_1.View style={reduxTabStyles.footerLeft}>
+                    <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={10}/>
+                    <react_native_1.Text style={reduxTabStyles.footerTimestampText}numberOfLines={1}>
+                      {e.lastAction?.timestamp||"Initial state"}
+                    </react_native_1.Text>
+                    {C&&<react_native_1.Pressable onPress={()=>(0,helpers_1.openInVSCode)(e.lastAction.callerFile,e.lastAction.callerLine,e.lastAction.callerCol)}hitSlop={6}style={reduxTabStyles.callerChip}>
+                        <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.sky600}size={9}/>
+                        <react_native_1.Text style={reduxTabStyles.callerChipText}>
+                          {C.display}
+                        </react_native_1.Text>
+                      </react_native_1.Pressable>}
+                  </react_native_1.View>
 
-                  
-                  {e.lastAction.callerFile&&<react_native_1.Pressable onPress={()=>(0,helpers_1.openInVSCode)(e.lastAction.callerFile,e.lastAction.callerLine,e.lastAction.callerCol)}hitSlop={6}style={{flexDirection:"row",alignItems:"center",gap:2.5,backgroundColor:AppColors_1.AppColors.sky100,paddingHorizontal:4.5,paddingVertical:1.5,borderRadius:3,borderWidth:.5,borderColor:AppColors_1.AppColors.sky400}}>
-                      <NetworkIcons_1.DocIcon color={AppColors_1.AppColors.sky600}size={9}/>
-                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:8.5,color:AppColors_1.AppColors.sky600}}>
-                        {e.lastAction.callerFile.split("/").pop()}:{e.lastAction.callerLine||1}
+                  <react_native_1.View style={reduxTabStyles.footerRight}>
+                    <react_native_1.View style={reduxTabStyles.metaStatChip}>
+                      <NetworkIcons_1.SizeIcon color={AppColors_1.AppColors.violet600}size={9.5}/>
+                      <react_native_1.Text style={reduxTabStyles.metaStatText}>
+                        {e.sizeStr}
                       </react_native_1.Text>
-                    </react_native_1.Pressable>}
-
-                  {e.lastAction.payloadPreview&&<react_native_1.Text style={reduxTabStyles.payloadPreviewText}numberOfLines={1}>
-                      {e.lastAction.payloadPreview}
-                    </react_native_1.Text>}
+                    </react_native_1.View>
+                    <react_native_1.View style={reduxTabStyles.metaStatChip}>
+                      <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.violet600}size={9.5}/>
+                      <react_native_1.Text style={reduxTabStyles.metaStatText}>
+                        {e.keysCount} keys
+                      </react_native_1.Text>
+                    </react_native_1.View>
+                  </react_native_1.View>
                 </react_native_1.View>
-              </react_native_1.View>}
-          </TouchableScale_1.default>
-        </AnimatedEntrance_1.default>},[o,m,a]);return t?<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+              </react_native_1.View>
+
+              
+              <react_native_1.View style={reduxTabStyles.waterfallContainer}>
+                <react_native_1.View style={[reduxTabStyles.waterfallBar,{backgroundColor:p,width:o?"100%":"35%"}]}/>
+              </react_native_1.View>
+            </TouchableScale_1.default>
+          </react_native_1.View>
+        </AnimatedEntrance_1.default>},[r,_]);return t?<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       
       <react_native_1.View style={reduxTabStyles.overviewCard}>
         <react_native_1.View style={reduxTabStyles.statCol}>
-          <react_native_1.Text style={reduxTabStyles.statHeading}>ACTIVE SLICES</react_native_1.Text>
-          <react_native_1.Text style={reduxTabStyles.statBigVal}>{A.length}</react_native_1.Text>
+          <react_native_1.Text style={reduxTabStyles.statHeading}>{i("redux.activeSlices","ACTIVE SLICES")}</react_native_1.Text>
+          <react_native_1.Text style={reduxTabStyles.statBigVal}>{w.length}</react_native_1.Text>
         </react_native_1.View>
         <react_native_1.View style={reduxTabStyles.statDivider}/>
         <react_native_1.View style={reduxTabStyles.statCol}>
-          <react_native_1.Text style={reduxTabStyles.statHeading}>TOTAL STATE</react_native_1.Text>
-          <react_native_1.Text style={reduxTabStyles.statBigVal}>{I}</react_native_1.Text>
+          <react_native_1.Text style={reduxTabStyles.statHeading}>{i("redux.totalState","TOTAL STATE")}</react_native_1.Text>
+          <react_native_1.Text style={reduxTabStyles.statBigVal}>{k}</react_native_1.Text>
         </react_native_1.View>
         <react_native_1.View style={reduxTabStyles.statDivider}/>
         <react_native_1.View style={[reduxTabStyles.statCol,{flex:1.6}]}>
           <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
-            <react_native_1.Text style={reduxTabStyles.statHeading}>LAST ACTION</react_native_1.Text>
-            {y?.originType&&(()=>{const e=getOriginBadge(y.originType);return<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:2,backgroundColor:e.bg,paddingHorizontal:4,paddingVertical:1,borderRadius:3}}>
+            <react_native_1.Text style={reduxTabStyles.statHeading}>{i("redux.lastActionHeader","LAST ACTION")}</react_native_1.Text>
+            {h?.originType&&(()=>{const e=getOriginBadge(h.originType);return<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:2,backgroundColor:e.bg,paddingHorizontal:4,paddingVertical:1,borderRadius:3}}>
                   {e.renderIcon(e.text,8)}
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5,color:e.text}}>
                     {e.label}
@@ -102,10 +115,10 @@
                 </react_native_1.View>})()}
           </react_native_1.View>
           <react_native_1.Text style={reduxTabStyles.statLastAction}numberOfLines={1}>
-            {y?y.type:"Initial"}
+            {h?h.type:"Initial"}
           </react_native_1.Text>
-          {y?.timestamp&&<react_native_1.Text style={reduxTabStyles.statLastTime}>
-              {y.timestamp}
+          {h?.timestamp&&<react_native_1.Text style={reduxTabStyles.statLastTime}>
+              {h.timestamp}
             </react_native_1.Text>}
         </react_native_1.View>
       </react_native_1.View>
@@ -115,11 +128,11 @@
         <react_native_1.View style={reduxTabStyles.searchRow}>
           <react_native_1.View style={styles_1.default.searchContainer}>
             <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={15}/>
-            <react_native_1.TextInput accessible={!0}accessibilityRole="search"accessibilityLabel="Search Redux slices or actions"accessibilityHint="Type to filter state slices in real time"placeholder="Search Redux slices or actions..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={n}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-            {o.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
+            <react_native_1.TextInput accessible={!0}accessibilityRole="search"accessibilityLabel="Search Redux slices or actions"accessibilityHint="Type to filter state slices in real time"placeholder={i("redux.searchPlaceholder","Search state or actions...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={r}onChangeText={n}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+            {r.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}}>
-                    {g.length}
+                    {u.length}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.Pressable accessible={!0}accessibilityRole="button"accessibilityLabel="Clear search input"onPress={()=>n("")}hitSlop={10}>
@@ -129,28 +142,28 @@
           </react_native_1.View>
 
           
-          <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel={b?"Resume live Redux updates":"Pause live Redux updates"}accessibilityHint="Toggles automatic recording of Redux state updates"style={[styles_1.default.toolbarBtn,b&&{backgroundColor:`${AppColors_1.AppColors.darkOrange}1F`,borderColor:AppColors_1.AppColors.darkOrange}]}onPress={z}hitSlop={6}>
-            <NetworkIcons_1.HeaderPauseIcon isPaused={b}color={b?AppColors_1.AppColors.darkOrange:AppColors_1.AppColors.grayTextStrong}size={16}/>
+          <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel={A?"Resume live Redux updates":"Pause live Redux updates"}accessibilityHint="Toggles automatic recording of Redux state updates"style={[styles_1.default.toolbarBtn,A&&{backgroundColor:`${AppColors_1.AppColors.darkOrange}1F`,borderColor:AppColors_1.AppColors.darkOrange}]}onPress={B}hitSlop={6}>
+            <NetworkIcons_1.HeaderPauseIcon isPaused={A}color={A?AppColors_1.AppColors.darkOrange:AppColors_1.AppColors.grayTextStrong}size={16}/>
           </react_native_1.TouchableOpacity>
 
           
-          <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel={`Sort order: ${p==="latest"?"Recently updated first":"Alphabetical A to Z"}`}accessibilityHint="Switches sorting between recently updated and alphabetical"style={[styles_1.default.toolbarBtn,p==="latest"&&{backgroundColor:`${AppColors_1.AppColors.brandPurple}1F`,borderColor:AppColors_1.AppColors.brandPurple}]}onPress={()=>S(e=>e==="latest"?"alpha":"latest")}hitSlop={6}>
-            <NetworkIcons_1.SortArrowIcon color={p==="latest"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextStrong}size={16}/>
+          <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel={`Sort order: ${y==="latest"?"Recently updated first":"Alphabetical A to Z"}`}accessibilityHint="Switches sorting between recently updated and alphabetical"style={[styles_1.default.toolbarBtn,y==="latest"&&{backgroundColor:`${AppColors_1.AppColors.brandPurple}1F`,borderColor:AppColors_1.AppColors.brandPurple}]}onPress={()=>R(e=>e==="latest"?"alpha":"latest")}hitSlop={6}>
+            <NetworkIcons_1.SortArrowIcon color={y==="latest"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextStrong}size={16}/>
           </react_native_1.TouchableOpacity>
         </react_native_1.View>
 
         <react_native_1.View style={reduxTabStyles.headerSubRow}>
           <react_native_1.Text style={reduxTabStyles.resultCount}>
-            Showing {g.length} of {A.length} state slices
+            Showing {u.length} of {w.length} state slices
           </react_native_1.Text>
           <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
-            {b&&<react_native_1.View style={reduxTabStyles.pausedBannerPill}>
+            {A&&<react_native_1.View style={reduxTabStyles.pausedBannerPill}>
                 <react_native_1.Text style={reduxTabStyles.pausedBannerText}>PAUSED</react_native_1.Text>
               </react_native_1.View>}
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
-              {p==="latest"?<NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.brandPurple}size={11}/>:<NetworkIcons_1.TextAaIcon color={AppColors_1.AppColors.brandPurple}size={11}/>}
+              {y==="latest"?<NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.brandPurple}size={11}/>:<NetworkIcons_1.TextAaIcon color={AppColors_1.AppColors.brandPurple}size={11}/>}
               <react_native_1.Text style={reduxTabStyles.sortLabel}>
-                {p==="latest"?"Newest Updates First":"Alphabetical (A-Z)"}
+                {y==="latest"?"Newest Updates First":"Alphabetical (A-Z)"}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
@@ -158,13 +171,13 @@
       </react_native_1.View>
 
       
-      <react_native_1.FlatList ref={v}data={g}keyExtractor={e=>e.id}renderItem={R}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={react_native_1.Platform.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<EmptyState_1.default isSearch={o.trim().length>0}searchQuery={o}onClearSearch={()=>n("")}customTitle={o.trim().length>0?"No Matching Slices":"No Redux State Detected"}customSub={o.trim().length>0?`No Redux slices match "${o}"`:"Attach the Redux store or dispatch actions to see state slices."}/>}ListFooterComponent={g.length>0?<EndOfListFooter_1.default count={g.length}label="slices"/>:null}contentContainerStyle={[reduxTabStyles.listContent,g.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+      <react_native_1.FlatList ref={V}data={x}keyExtractor={e=>e.id}renderItem={F}getItemLayout={(e,l)=>({length:126,offset:126*l,index:l})}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={react_native_1.Platform.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<EmptyState_1.default isSearch={r.trim().length>0}searchQuery={r}onClearSearch={()=>n("")}customTitle={r.trim().length>0?"No Matching Slices":"No Redux State Detected"}customSub={r.trim().length>0?`No Redux slices match "${r}"`:"Attach the Redux store or dispatch actions to see state slices."}/>}ListFooterComponent={u.length>0?<EndOfListFooter_1.default count={x.length}totalCount={u.length}label="slices"hasMore={x.length<u.length}onLoadMore={()=>I(e=>e+10)}/>:null}contentContainerStyle={[reduxTabStyles.listContent,u.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
     </react_native_1.View>:<react_native_1.View style={styles_1.default.emptyContainer}>
         <react_native_1.View style={styles_1.default.emptyIconWrap}>
           <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={32}/>
         </react_native_1.View>
-        <react_native_1.Text style={styles_1.default.emptyTitle}>No Redux Store Connected</react_native_1.Text>
+        <react_native_1.Text style={styles_1.default.emptyTitle}>{i("redux.noStoreConnected","No Redux Store Connected")}</react_native_1.Text>
         <react_native_1.Text style={styles_1.default.emptySub}>
-          Call connectReduxStore(store) or use inspectorReduxMiddleware at app initialization.
+          {i("redux.connectStoreTip","Call connectReduxStore(store) or use inspectorReduxMiddleware at app initialization.")}
         </react_native_1.Text>
-      </react_native_1.View>}),reduxTabStyles=react_native_1.StyleSheet.create({overviewCard:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.white,marginHorizontal:12,marginTop:10,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},statCol:{flex:1},statDivider:{width:1,height:28,backgroundColor:AppColors_1.AppColors.dividerColor,marginHorizontal:8},statHeading:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.5},statBigVal:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack,marginTop:2},statLastAction:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple,marginTop:2},statLastTime:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak},toolbarContainer:{backgroundColor:AppColors_1.AppColors.white,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:12,paddingTop:8,paddingBottom:6,marginTop:8},searchRow:{flexDirection:"row",alignItems:"center",gap:8},headerSubRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginTop:6,paddingHorizontal:2},resultCount:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},sortLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.brandPurple},listContent:{padding:12,paddingBottom:36},card:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:12,marginBottom:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:4,elevation:2},cardRecentlyUpdated:{borderColor:`${AppColors_1.AppColors.brandPurple}66`,backgroundColor:AppColors_1.AppColors.purpleTintBg},cardHeader:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:8},sliceBadge:{backgroundColor:AppColors_1.AppColors.violetSoftBg,paddingHorizontal:6,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.violetSoftBorder},sliceBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.purple700,letterSpacing:.4},sliceName:{flex:1,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.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,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`},timeText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.purple},statsRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap",marginBottom:6},pill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},pillLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},pillValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.primaryBlack},livePill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.emeraldBg,paddingHorizontal:6,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.emeraldBorder},liveDot:{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.emerald500},livePillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.emerald700},loadingPill:{backgroundColor:AppColors_1.AppColors.amber100,paddingHorizontal:6,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.amber200},loadingPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.amber800Warm},errorPill:{backgroundColor:AppColors_1.AppColors.red100,paddingHorizontal:6,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.errorBorder},errorPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.red600},emptyPill:{backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:6,paddingVertical:3,borderRadius:5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},emptyPillText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak},lastActionRow:{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:6,paddingHorizontal:8,paddingVertical:5,marginTop:4,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},lastActionLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},lastActionValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.primaryBlack},payloadPreviewText:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,marginLeft:4},highlight:{backgroundColor:AppColors_1.AppColors.yellow200,color:AppColors_1.AppColors.yellow800,fontFamily:AppFonts_1.AppFonts.interBold},pausedBannerPill:{backgroundColor:AppColors_1.AppColors.amber100,paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.amber200},pausedBannerText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.amber800Warm,letterSpacing:.5}});exports.default=ReduxTab;
+      </react_native_1.View>}),reduxTabStyles=react_native_1.StyleSheet.create({overviewCard:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.white,marginHorizontal:12,marginTop:10,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},statCol:{flex:1},statDivider:{width:1,height:28,backgroundColor:AppColors_1.AppColors.dividerColor,marginHorizontal:8},statHeading:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.5},statBigVal:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack,marginTop:2},statLastAction:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple,marginTop:2},statLastTime:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak},toolbarContainer:{backgroundColor:AppColors_1.AppColors.white,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:12,paddingTop:8,paddingBottom:6,marginTop:8},searchRow:{flexDirection:"row",alignItems:"center",gap:8},headerSubRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginTop:6,paddingHorizontal:2},resultCount:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},sortLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.brandPurple},listContent:{paddingVertical:8,paddingBottom:36},cardContainer:{paddingHorizontal:10,paddingVertical:4,height:126},card:{backgroundColor:AppColors_1.AppColors.white,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:2.5,elevation:1.5,height:118,overflow:"hidden"},cardRecentlyUpdated:{borderColor:`${AppColors_1.AppColors.brandPurple}66`,backgroundColor:AppColors_1.AppColors.purpleTintBg},cardBody:{paddingHorizontal:12,paddingTop:9,paddingBottom:7,flex:1,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22,gap:6},cardHeaderLeft:{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,lineHeight:13,color:AppColors_1.AppColors.grayTextWeak},methodBadge:{paddingHorizontal:5.5,paddingVertical:2,borderRadius:4,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.white,fontSize:9,lineHeight:12,letterSpacing:.4},chip:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,lineHeight:11,letterSpacing:.3},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1},liveDot:{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.emerald500},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12},cardMainRow:{height:48,minHeight:48,maxHeight:48,justifyContent:"space-between",gap:3},sliceNameRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6},sliceNameText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,lineHeight:16,color:AppColors_1.AppColors.primaryBlack,flex:1},actionCountChip:{flexDirection:"row",alignItems:"center",gap:2.5,backgroundColor:`${AppColors_1.AppColors.violet600}14`,borderColor:`${AppColors_1.AppColors.violet600}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},actionCountChipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,lineHeight:11,color:AppColors_1.AppColors.violet600},actionPreviewRow:{flexDirection:"row",alignItems:"center",gap:4.5,minHeight:15},actionPreviewText:{fontFamily:react_native_1.Platform.select({ios:"Menlo",default:"monospace"}),fontSize:10,lineHeight:13,color:AppColors_1.AppColors.grayTextWeak,flex:1},actionPreviewEmptyText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.slate400,fontStyle:"italic",flex:1},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:0},footerTimestampText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:2.5,backgroundColor:AppColors_1.AppColors.sky100,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3,borderWidth:.5,borderColor:AppColors_1.AppColors.sky400,marginLeft:4},callerChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:8.5,lineHeight:11,color:AppColors_1.AppColors.sky600},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.violetSoftBg,borderColor:AppColors_1.AppColors.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.violetSoftText,fontSize:9,lineHeight:12},waterfallContainer:{height:2.5,width:"100%",backgroundColor:AppColors_1.AppColors.graySurface,borderRadius:1.5,overflow:"hidden"},waterfallBar:{height:"100%",borderRadius:1.5},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},pausedBannerPill:{backgroundColor:AppColors_1.AppColors.amber100,paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.amber200},pausedBannerText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.amber800Warm,letterSpacing:.5}});exports.default=ReduxTab;