react-native-inapp-inspector 2.4.0 → 2.4.2

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

@@ -0,0 +1,112 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,r,i,l){l===void 0&&(l=i);var a=Object.getOwnPropertyDescriptor(r,i);(!a||("get"in a?!r.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return r[i]}}),Object.defineProperty(t,l,a)}):(function(t,r,i,l){l===void 0&&(l=i),t[l]=r[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,r){Object.defineProperty(t,"default",{enumerable:!0,value:r})}):function(t,r){t.default=r}),__importStar=this&&this.__importStar||(function(){var t=function(r){return t=Object.getOwnPropertyNames||function(i){var l=[];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(l[l.length]=a);return l},t(r)};return function(r){if(r&&r.__esModule)return r;var i={};if(r!=null)for(var l=t(r),a=0;a<l.length;a++)l[a]!=="default"&&__createBinding(i,r,l[a]);return __setModuleDefault(i,r),i}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),SocketCard_1=__importDefault(require("./SocketCard")),SocketFilterModal_1=__importStar(require("./SocketFilterModal")),ConfirmationModal_1=require("./ConfirmationModal"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,SocketTab=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{socketRecords:r,filteredSocketRecords:i,socketSearch:l,setSocketSearch:a,socketQuickFilter:p,setSocketQuickFilter:_,setSelectedSocket:T,clearAllSocketLogs:w,deleteMultipleSocketRecords:k,simulateSocket:A,maxSocketLogs:m}=(0,InspectorContext_1.useInspector)(),L=m||50,x=(0,react_1.useRef)(null),[v,E]=(0,react_1.useState)(0),[b,B]=(0,react_1.useState)(L),[q,I]=(0,react_1.useState)(!1),[d,$]=(0,react_1.useState)(SocketFilterModal_1.DEFAULT_SOCKET_FILTERS),[c,C]=(0,react_1.useState)(new Set),[F,V]=(0,react_1.useState)(!1),[f,h]=(0,react_1.useState)({visible:!1,title:"",message:"",onConfirm:()=>{}});react_1.default.useEffect(()=>{B(m||50),x.current?.scrollToOffset({offset:0,animated:!1})},[l,p,m]);const z=["chat","crypto","socketio","echo"],O=(0,react_1.useCallback)(()=>{const e=z[v%z.length];A(e),E(o=>o+1),(0,toast_1.showToast)(`Simulated ${e.toUpperCase()} WebSocket`)},[v,A]),u=(0,react_1.useMemo)(()=>{let e=0,o=0,s=0,D=0,M=0,P=0;return r.forEach(S=>{const y=(S.status||"open").toLowerCase();y==="open"?e++:y==="closed"?o++:y==="error"&&s++,S.client==="socket.io"||S.url.includes("/socket.io")?P++:S.url.startsWith("wss://")?D++:M++}),{all:r.length,open:e,closed:o,error:s,wss:D,ws:M,sio:P}},[r]),n=(0,react_1.useMemo)(()=>{let e=i;return(0,SocketFilterModal_1.isSocketFiltersDefault)(d)||(d.status.has("all")||(e=e.filter(o=>d.status.has(o.status||"open"))),d.types.has("all")||(e=e.filter(o=>!!(d.types.has("sio")&&(o.client==="socket.io"||o.url.includes("/socket.io"))||d.types.has("wss")&&o.url.startsWith("wss://")||d.types.has("ws")&&o.url.startsWith("ws://")))),d.sortBy==="time_asc"?e=[...e].sort((o,s)=>o.startTime-s.startTime):d.sortBy==="frames_desc"?e=[...e].sort((o,s)=>(s.frames?.length||0)-(o.frames?.length||0)):d.sortBy==="duration_desc"&&(e=[...e].sort((o,s)=>(s.duration||0)-(o.duration||0)))),e},[i,d]),g=(0,react_1.useMemo)(()=>n.slice(0,b),[n,b]),R=(0,react_1.useCallback)(e=>{C(o=>{const s=new Set(o);return s.has(e)?s.delete(e):s.add(e),s})},[]),j=(0,react_1.useCallback)(()=>{c.size===n.length?C(new Set):C(new Set(n.map(e=>e.id)))},[c.size,n]),H=(0,react_1.useCallback)(()=>{const e=n.filter(s=>c.has(s.id));if(e.length===0)return;const o=e.map(s=>s.url).join(`
+`);(0,helpers_1.copyToClipboard)(o,`${e.length} WebSocket URLs`),(0,toast_1.showToast)(`${e.length} URLs copied to clipboard`)},[n,c]),N=(0,react_1.useCallback)(async()=>{const e=n.filter(o=>c.has(o.id));if(e.length!==0)try{const o=JSON.stringify(e.map(s=>({url:s.url,status:s.status,startTime:new Date(s.startTime).toISOString(),duration:s.duration,framesCount:s.frames?.length||0,totalBytesSent:s.totalBytesSent,totalBytesReceived:s.totalBytesReceived})),null,2);await react_native_1.Share.share({message:o,title:`WebSocket Traffic (${e.length} connections)`})}catch{}},[n,c]),U=(0,react_1.useCallback)(()=>{c.size!==0&&h({visible:!0,title:t("socket.deleteSelectedTitle","Delete Selected WebSockets"),message:t("socket.deleteSelectedMsg",{count:c.size,defaultValue:`Are you sure you want to delete ${c.size} selected WebSocket logs?`}),confirmText:t("common.delete","Delete"),cancelText:t("common.cancel","Cancel"),onConfirm:()=>{h(o=>({...o,visible:!1}));const e=Array.from(c);k?.(e),C(new Set),(0,toast_1.showToast)(`Deleted ${e.length} WebSocket logs`)}})},[c,k,t]),K=(0,react_1.useCallback)(()=>{h({visible:!0,title:t("socket.clearTitle","Clear All WebSocket Logs"),message:t("socket.clearMessage","Are you sure you want to delete all recorded WebSocket sessions?"),confirmText:t("common.clear","Clear All"),cancelText:t("common.cancel","Cancel"),onConfirm:()=>{h(e=>({...e,visible:!1})),w(),C(new Set),(0,toast_1.showToast)(t("socket.cleared","All WebSocket logs cleared"))}})},[w,t]),Q=(0,react_1.useMemo)(()=>[{id:"all",label:"All",count:u.all,color:AppColors_1.AppColors.purple,icon:e=><NetworkIcons_1.WebsocketIcon size={12}color={e}/>},{id:"open",label:"Open",count:u.open,color:AppColors_1.AppColors.greenColor,icon:e=><react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:e}}/>},{id:"closed",label:"Closed",count:u.closed,color:AppColors_1.AppColors.slate500,icon:e=><NetworkIcons_1.ClockIcon size={11}color={e}/>},{id:"error",label:"Error",count:u.error,color:AppColors_1.AppColors.errorColor,icon:e=><NetworkIcons_1.FailIcon size={9}color={e}/>},{id:"sio",label:"Socket.IO",count:u.sio,color:AppColors_1.AppColors.violet600,icon:e=><NetworkIcons_1.BoltIcon size={11}color={e}/>},{id:"wss",label:"WSS",count:u.wss,color:AppColors_1.AppColors.emerald600,icon:e=><NetworkIcons_1.LockIcon size={11}color={e}/>},{id:"ws",label:"WS",count:u.ws,color:AppColors_1.AppColors.blue600,icon:e=><NetworkIcons_1.GlobeIcon size={11}color={e}/>}],[u]),G=(0,react_1.useCallback)(()=>{b<n.length&&B(e=>Math.min(e+LOAD_MORE_STEP,n.length))},[b,n.length]),W=(0,react_1.useCallback)(e=>{T(e)},[T]),J=(0,react_1.useCallback)(e=>e?.id?String(e.id):"",[]),X=(0,react_1.useCallback)(({item:e,index:o})=><AnimatedEntrance_1.default index={o}distance={8}>
+        <SocketCard_1.default item={e}onPress={()=>W(e)}searchStr={l}isSelected={c.has(e.id)}onToggleSelect={R}serialNumber={o+1}/>
+      </AnimatedEntrance_1.default>,[l,c,R,W]);return<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.primaryLight}}>
+      
+      <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,{flex:1,marginRight:8,height:38},F&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
+            <react_native_1.View style={styles_1.default.searchIcon}>
+              <NetworkIcons_1.SearchIcon color={F?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
+            </react_native_1.View>
+            <react_native_1.TextInput style={[styles_1.default.searchInput,{paddingVertical:0}]}placeholder={t("socket.searchSocketsPlaceholder","Search WebSocket URL, payload...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={l}onChangeText={a}onFocus={()=>V(!0)}onBlur={()=>V(!1)}autoCorrect={!1}autoCapitalize="none"returnKeyType="search"clearButtonMode="while-editing"/>
+            {l.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,marginRight:6}}>
+                <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}}>
+                    {n.length}
+                  </react_native_1.Text>
+                </react_native_1.View>
+                {react_native_1.Platform.OS==="android"&&<react_native_1.Pressable onPress={()=>a("")}hitSlop={10}style={styles_1.default.clearBtn}>
+                    <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
+                  </react_native_1.Pressable>}
+              </react_native_1.View>}
+          </react_native_1.View>
+
+          <react_native_1.View style={styles_1.default.toolbarRight}>
+            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,!(0,SocketFilterModal_1.isSocketFiltersDefault)(d)&&{borderColor:AppColors_1.AppColors.purple,backgroundColor:`${AppColors_1.AppColors.purple}15`}]}onPress={()=>I(!0)}hitSlop={6}accessibilityRole="button"accessibilityLabel="Filter WebSockets">
+              <NetworkIcons_1.FilterIcon color={(0,SocketFilterModal_1.isSocketFiltersDefault)(d)?AppColors_1.AppColors.grayTextStrong:AppColors_1.AppColors.purple}size={15}/>
+              {!(0,SocketFilterModal_1.isSocketFiltersDefault)(d)&&<react_native_1.View style={styles_1.default.activeFilterDot}/>}
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{backgroundColor:`${AppColors_1.AppColors.amber600}14`,borderColor:`${AppColors_1.AppColors.amber600}30`}]}onPress={O}hitSlop={6}accessibilityRole="button"accessibilityLabel="Simulate test WebSocket traffic">
+              <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.amber600}size={15}/>
+            </TouchableScale_1.default>
+
+            {r.length>0&&<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={K}hitSlop={6}accessibilityRole="button"accessibilityLabel="Clear all socket logs">
+                <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
+              </TouchableScale_1.default>}
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.View>
+
+      
+      <react_native_1.View style={socketTabStyles.carouselWrapper}>
+        <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={socketTabStyles.carouselContent}>
+          {Q.map(e=>{const o=p===e.id;return<TouchableScale_1.default key={e.id}onPress={()=>_(e.id)}style={[socketTabStyles.filterPill,o&&{backgroundColor:e.color,borderColor:e.color}]}>
+                {e.icon?e.icon(o?AppColors_1.AppColors.white:e.color):null}
+                <react_native_1.Text style={[socketTabStyles.filterPillText,o&&{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                  {e.label}
+                </react_native_1.Text>
+                {e.count>0&&<react_native_1.View style={[socketTabStyles.countBadge,{backgroundColor:o?"rgba(255, 255, 255, 0.25)":`${e.color}20`}]}>
+                    <react_native_1.Text style={[socketTabStyles.countBadgeText,{color:o?AppColors_1.AppColors.white:e.color}]}>
+                      {e.count>99?"99+":e.count}
+                    </react_native_1.Text>
+                  </react_native_1.View>}
+              </TouchableScale_1.default>})}
+        </react_native_1.ScrollView>
+      </react_native_1.View>
+
+      
+      {c.size>0&&<react_native_1.View style={socketTabStyles.selectionBar}>
+          <react_native_1.View style={socketTabStyles.selectionLeft}>
+            <react_native_1.TouchableOpacity onPress={j}style={socketTabStyles.selectAllBtn}hitSlop={{top:6,bottom:6,left:6,right:6}}>
+              <react_native_1.Text style={socketTabStyles.selectAllText}>
+                {c.size===n.length?t("common.deselectAll","Deselect"):t("common.selectAll","Select All")}
+              </react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+
+            <react_native_1.Text style={socketTabStyles.selectionCountText}>
+              {c.size} / {n.length}
+            </react_native_1.Text>
+          </react_native_1.View>
+
+          <react_native_1.View style={socketTabStyles.selectionRight}>
+            <react_native_1.TouchableOpacity onPress={H}style={socketTabStyles.actionBtn}hitSlop={{top:6,bottom:6,left:6,right:6}}>
+              <NetworkIcons_1.CopyIcon size={12}color={AppColors_1.AppColors.slate600}/>
+              <react_native_1.Text style={socketTabStyles.actionBtnText}>
+                {t("common.copy","Copy")}
+              </react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+
+            <react_native_1.TouchableOpacity onPress={N}style={socketTabStyles.actionBtn}hitSlop={{top:6,bottom:6,left:6,right:6}}>
+              <NetworkIcons_1.ShareIcon size={12}color={AppColors_1.AppColors.sky600}/>
+              <react_native_1.Text style={[socketTabStyles.actionBtnText,{color:AppColors_1.AppColors.sky600}]}>
+                {t("common.share","Share")}
+              </react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+
+            <react_native_1.TouchableOpacity onPress={U}style={[socketTabStyles.actionBtn,socketTabStyles.deleteActionBtn]}hitSlop={{top:6,bottom:6,left:6,right:6}}>
+              <NetworkIcons_1.TrashIcon size={12}color={AppColors_1.AppColors.red500}/>
+              <react_native_1.Text style={[socketTabStyles.actionBtnText,{color:AppColors_1.AppColors.red500}]}>
+                {t("common.delete","Delete")}
+              </react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>
+        </react_native_1.View>}
+
+      
+      <react_native_1.FlatList ref={x}data={g}keyExtractor={J}renderItem={X}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}contentContainerStyle={[socketTabStyles.listContent,g.length===0&&{flex:1}]}showsVerticalScrollIndicator={!1}ListEmptyComponent={<react_native_1.View style={socketTabStyles.emptyWrapper}>
+            <EmptyState_1.default isSearch={!!(l||p!=="all")}searchQuery={l}customTitle={l||p!=="all"?t("socket.noMatching","No matching WebSockets"):t("socket.noSockets","No WebSockets recorded yet")}customSub={l||p!=="all"?t("socket.adjustSearchFilter","Try adjusting your search query or filter chips."):t("socket.noSocketsDesc","WebSocket connections and Socket.IO messages will appear here in real-time.")}onClearSearch={()=>{a(""),_("all")}}showReload={!1}/>
+            {!l&&p==="all"&&<TouchableScale_1.default onPress={O}style={socketTabStyles.simulateEmptyBtn}>
+                <NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.white}size={14}/>
+                <react_native_1.Text style={socketTabStyles.simulateEmptyBtnText}>
+                  {t("socket.simulateTraffic","Simulate Demo WebSocket Traffic")}
+                </react_native_1.Text>
+              </TouchableScale_1.default>}
+          </react_native_1.View>}ListFooterComponent={g.length>0?<EndOfListFooter_1.default totalCount={n.length}count={g.length}hasMore={g.length<n.length}onLoadMore={G}/>:null}/>
+
+      
+      <SocketFilterModal_1.default visible={q}onClose={()=>I(!1)}filters={d}onApply={$}records={r}/>
+
+      <ConfirmationModal_1.ConfirmationModal visible={f.visible}title={f.title}message={f.message}confirmText={f.confirmText}cancelText={f.cancelText}isDestructive={!0}icon="trash"onConfirm={f.onConfirm}onCancel={()=>h(e=>({...e,visible:!1}))}/>
+    </react_native_1.View>});exports.default=SocketTab;const socketTabStyles=react_native_1.StyleSheet.create({carouselWrapper:{paddingVertical:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.white},carouselContent:{paddingHorizontal:8,gap:6,flexDirection:"row",alignItems:"center"},filterPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:4.5,borderRadius:20,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},filterPillText:{fontSize:11,fontFamily:AppFonts_1.AppFonts.interMedium,color:AppColors_1.AppColors.primaryBlack},countBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:10},countBadgeText:{fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold},selectionBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:7,backgroundColor:`${AppColors_1.AppColors.purple}0D`,borderBottomWidth:1,borderBottomColor:`${AppColors_1.AppColors.purple}25`},selectionLeft:{flexDirection:"row",alignItems:"center",gap:8},selectAllBtn:{paddingHorizontal:7,paddingVertical:3,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.purple}1E`},selectAllText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.purple},selectionCountText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextStrong},selectionRight:{flexDirection:"row",alignItems:"center",gap:6},actionBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3.5,borderRadius:5,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},deleteActionBtn:{backgroundColor:`${AppColors_1.AppColors.red500}10`,borderColor:`${AppColors_1.AppColors.red500}30`},actionBtnText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.grayTextStrong},listContent:{padding:6,paddingBottom:24},emptyWrapper:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:20},simulateEmptyBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,marginTop:14,paddingHorizontal:16,paddingVertical:10,borderRadius:10,backgroundColor:AppColors_1.AppColors.amber600,shadowColor:AppColors_1.AppColors.amber600,shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:4,elevation:3},simulateEmptyBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white,letterSpacing:.2}});

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,o,t,l){l===void 0&&(l=t);var a=Object.getOwnPropertyDescriptor(o,t);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(r,l,a)}):(function(r,o,t,l){l===void 0&&(l=t),r[l]=o[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,o){Object.defineProperty(r,"default",{enumerable:!0,value:o})}):function(r,o){r.default=o}),__importStar=this&&this.__importStar||(function(){var r=function(o){return r=Object.getOwnPropertyNames||function(t){var l=[];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(l[l.length]=a);return l},r(o)};return function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var l=r(o),a=0;a<l.length;a++)l[a]!=="default"&&__createBinding(t,o,l[a]);return __setModuleDefault(t,o),t}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StorageTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),storageInspector_1=require("../../customHooks/storageInspector"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),getTypeBadge=r=>{switch(r){case"json":return{label:"JSON",color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}16`};case"number":return{label:"NUM",color:AppColors_1.AppColors.warningIconGold,bg:`${AppColors_1.AppColors.warningIconGold}16`};case"boolean":return{label:"BOOL",color:AppColors_1.AppColors.emerald500,bg:`${AppColors_1.AppColors.emerald500}16`};case"null":return{label:"NULL",color:AppColors_1.AppColors.grayTextWeak,bg:`${AppColors_1.AppColors.grayTextWeak}16`};default:return{label:"STR",color:AppColors_1.AppColors.blue500,bg:`${AppColors_1.AppColors.blue500}16`}}},StorageEntryCard=react_1.default.memo(function({entry:o,isExpanded:t,onToggleExpand:l,onCopy:a,onEdit:v,onDelete:n,badge:d}){const S=(0,react_1.useMemo)(()=>o.byteSize<1024?`${o.byteSize.toLocaleString()} B`:`${(o.byteSize/1024).toLocaleString(void 0,{minimumFractionDigits:1,maximumFractionDigits:1})} KB`,[o.byteSize]),A=(0,react_1.useMemo)(()=>{if(!t)return o.value.length>250?o.value.slice(0,250)+"...":o.value;if(o.type==="json")try{const s=o.parsedValue??JSON.parse(o.value);return JSON.stringify(s,null,2)}catch{return o.value}return o.value},[t,o.value,o.type,o.parsedValue]);return<react_native_1.View style={styles.entryCard}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,o,t,l){l===void 0&&(l=t);var a=Object.getOwnPropertyDescriptor(o,t);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(r,l,a)}):(function(r,o,t,l){l===void 0&&(l=t),r[l]=o[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,o){Object.defineProperty(r,"default",{enumerable:!0,value:o})}):function(r,o){r.default=o}),__importStar=this&&this.__importStar||(function(){var r=function(o){return r=Object.getOwnPropertyNames||function(t){var l=[];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(l[l.length]=a);return l},r(o)};return function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var l=r(o),a=0;a<l.length;a++)l[a]!=="default"&&__createBinding(t,o,l[a]);return __setModuleDefault(t,o),t}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StorageTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),ConfirmationModal_1=require("./ConfirmationModal"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),storageInspector_1=require("../../customHooks/storageInspector"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),getTypeBadge=r=>{switch(r){case"json":return{label:"JSON",color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}16`};case"number":return{label:"NUM",color:AppColors_1.AppColors.warningIconGold,bg:`${AppColors_1.AppColors.warningIconGold}16`};case"boolean":return{label:"BOOL",color:AppColors_1.AppColors.emerald500,bg:`${AppColors_1.AppColors.emerald500}16`};case"null":return{label:"NULL",color:AppColors_1.AppColors.grayTextWeak,bg:`${AppColors_1.AppColors.grayTextWeak}16`};default:return{label:"STR",color:AppColors_1.AppColors.blue500,bg:`${AppColors_1.AppColors.blue500}16`}}},StorageEntryCard=react_1.default.memo(function({entry:o,isExpanded:t,onToggleExpand:l,onCopy:a,onEdit:S,onDelete:i,badge:d}){const w=(0,react_1.useMemo)(()=>o.byteSize<1024?`${o.byteSize.toLocaleString()} B`:`${(o.byteSize/1024).toLocaleString(void 0,{minimumFractionDigits:1,maximumFractionDigits:1})} KB`,[o.byteSize]),x=(0,react_1.useMemo)(()=>{if(!t)return o.value.length>250?o.value.slice(0,250)+"...":o.value;if(o.type==="json")try{const s=o.parsedValue??JSON.parse(o.value);return JSON.stringify(s,null,2)}catch{return o.value}return o.value},[t,o.value,o.type,o.parsedValue]);return<react_native_1.View style={styles.entryCard}>
       
       <react_native_1.View style={styles.entryHeader}>
         <react_native_1.View style={{flex:1,marginRight:8}}>
@@ -11,7 +11,7 @@
                 {d.label}
               </react_native_1.Text>
             </react_native_1.View>
-            <react_native_1.Text style={styles.sizeText}>{S}</react_native_1.Text>
+            <react_native_1.Text style={styles.sizeText}>{w}</react_native_1.Text>
           </react_native_1.View>
         </react_native_1.View>
 
@@ -21,11 +21,11 @@
             <NetworkIcons_1.CopyIcon size={12}color={AppColors_1.AppColors.grayText}/>
           </TouchableScale_1.default>
 
-          <TouchableScale_1.default hitSlop={6}onPress={()=>v(o)}style={styles.entryActionBtn}>
+          <TouchableScale_1.default hitSlop={6}onPress={()=>S(o)}style={styles.entryActionBtn}>
             <NetworkIcons_1.PencilIcon size={12}color={AppColors_1.AppColors.purple}/>
           </TouchableScale_1.default>
 
-          <TouchableScale_1.default hitSlop={6}onPress={()=>n(o.key)}style={[styles.entryActionBtn,{backgroundColor:`${AppColors_1.AppColors.errorColor}12`}]}>
+          <TouchableScale_1.default hitSlop={6}onPress={()=>i(o.key)}style={[styles.entryActionBtn,{backgroundColor:`${AppColors_1.AppColors.errorColor}12`}]}>
             <NetworkIcons_1.TrashIcon size={12}color={AppColors_1.AppColors.errorColor}/>
           </TouchableScale_1.default>
         </react_native_1.View>
@@ -34,7 +34,7 @@
       
       <TouchableScale_1.default onPress={()=>l(o.key)}style={styles.valuePreviewBox}>
         <react_native_1.Text style={styles.valuePreviewText}numberOfLines={t?void 0:3}selectable={t}>
-          {A}
+          {x}
         </react_native_1.Text>
         {o.value.length>80&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,marginTop:4}}>
             <react_native_1.Text style={styles.expandHint}>
@@ -43,7 +43,7 @@
             <NetworkIcons_1.ChevronIcon direction={t?"up":"down"}size={10}color={AppColors_1.AppColors.purple}/>
           </react_native_1.View>}
       </TouchableScale_1.default>
-    </react_native_1.View>});exports.StorageTab=react_1.default.memo(()=>{const{t:r}=(0,i18n_1.useTranslation)(),o=(0,react_1.useRef)(null),[t,l]=(0,react_1.useState)("asyncStorage"),[a,v]=(0,react_1.useState)("default"),[n,d]=(0,react_1.useState)([]),[S,A]=(0,react_1.useState)(!0),[s,_]=(0,react_1.useState)(""),[w,P]=(0,react_1.useState)(100),[k,M]=(0,react_1.useState)({}),[D,y]=(0,react_1.useState)(!1),[T,I]=(0,react_1.useState)("create"),[C,B]=(0,react_1.useState)(""),[m,h]=(0,react_1.useState)(""),[u,x]=(0,react_1.useState)("string"),[V,c]=(0,react_1.useState)(null),F=(0,react_1.useMemo)(()=>(0,storageInspector_1.getRegisteredMMKVInstanceIds)(),[]),g=(0,react_1.useCallback)(async()=>{A(!0);try{const e=await(0,storageInspector_1.fetchStorageEntries)(t,t==="mmkv"?a:void 0);d(e)}catch{d([])}finally{A(!1)}},[t,a]);(0,react_1.useEffect)(()=>(g(),(0,storageInspector_1.subscribeToStorageChanges)(g)),[g]);const L=e=>{M(i=>({...i,[e]:!i[e]}))},O=()=>{I("create"),B(""),h(""),x("string"),c(null),y(!0)},$=e=>{I("edit"),B(e.key),h(e.value),x(e.type==="json"?"json":e.type==="number"?"number":e.type==="boolean"?"boolean":"string"),c(null),y(!0)},R=e=>{react_native_1.Alert.alert(r("storage.deleteKeyTitle","Delete Key"),r("storage.deleteKeyMessage",{key:e,defaultValue:`Are you sure you want to delete key "${e}"?`}),[{text:r("common.cancel","Cancel"),style:"cancel"},{text:r("common.clear","Delete"),style:"destructive",onPress:async()=>{await(0,storageInspector_1.removeStorageEntry)(t,e,t==="mmkv"?a:void 0)?((0,toast_1.showToast)(`Deleted "${e}"`),g()):(0,toast_1.showToast)(`Failed to delete "${e}"`)}}])},K=()=>{react_native_1.Alert.alert(r("storage.clearTitle","Clear Storage Driver"),r("storage.clearMessage",{driver:t==="asyncStorage"?"AsyncStorage":"MMKV",defaultValue:`Are you sure you want to delete all keys in ${t==="asyncStorage"?"AsyncStorage":"MMKV"}?`}),[{text:r("common.cancel","Cancel"),style:"cancel"},{text:r("storage.clearConfirm","Clear All"),style:"destructive",onPress:async()=>{await(0,storageInspector_1.clearStorageDriver)(t,t==="mmkv"?a:void 0)&&((0,toast_1.showToast)("All storage keys wiped"),g())}}])},W=async()=>{if(!C.trim()){(0,toast_1.showToast)("Key name cannot be empty");return}let e=m;if(u==="json")try{const b=JSON.parse(m);e=JSON.stringify(b)}catch(b){c("Invalid JSON: "+b.message);return}else if(u==="number"&&isNaN(Number(m))){c("Value must be a valid number");return}await(0,storageInspector_1.setStorageEntry)(t,C.trim(),e,t==="mmkv"?a:void 0)?((0,toast_1.showToast)(T==="create"?`Added "${C.trim()}"`:`Updated "${C.trim()}"`),y(!1),g()):(0,toast_1.showToast)("Error saving storage key")},j=()=>{try{const e=JSON.parse(m);h(JSON.stringify(e,null,2)),c(null),x("json"),(0,toast_1.showToast)("Formatted JSON")}catch{c("Cannot format: invalid JSON syntax")}},p=(0,react_1.useMemo)(()=>{if(!s.trim())return n;const e=s.toLowerCase().trim().split(/\s+/).filter(Boolean);return n.filter(i=>{const b=`${i.key} ${i.value}`.toLowerCase();return e.every(H=>b.includes(H))})},[n,s]),f=(0,react_1.useMemo)(()=>n.reduce((e,i)=>e+i.byteSize,0),[n]),E=(0,react_1.useMemo)(()=>f<1024?`${f.toLocaleString()} B`:f<1024*1024?`${(f/1024).toLocaleString(void 0,{minimumFractionDigits:1,maximumFractionDigits:1})} KB`:`${(f/(1024*1024)).toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})} MB`,[f]),z=(0,react_1.useCallback)(e=>{(0,helpers_1.copyToClipboard)(e.value,e.key),(0,toast_1.showToast)(`Copied value of "${e.key}"`)},[]),N=(0,react_1.useCallback)(({item:e})=><StorageEntryCard entry={e}isExpanded={!!k[e.key]}onToggleExpand={L}onCopy={z}onEdit={$}onDelete={R}badge={getTypeBadge(e.type)}/>,[k,z]);return<react_native_1.View style={styles.container}>
+    </react_native_1.View>}),DEFAULT_PAGE_SIZE=50,LOAD_MORE_STEP=10;exports.StorageTab=react_1.default.memo(()=>{const{t:r}=(0,i18n_1.useTranslation)(),o=(0,react_1.useRef)(null),[t,l]=(0,react_1.useState)("asyncStorage"),[a,S]=(0,react_1.useState)("default"),[i,d]=(0,react_1.useState)([]),[w,x]=(0,react_1.useState)(!0),[s,B]=(0,react_1.useState)(""),[V,F]=(0,react_1.useState)(DEFAULT_PAGE_SIZE),[z,L]=(0,react_1.useState)({});(0,react_1.useEffect)(()=>{F(DEFAULT_PAGE_SIZE),o.current?.scrollToOffset({offset:0,animated:!1})},[s,t,a]);const[O,C]=(0,react_1.useState)(!1),[h,P]=(0,react_1.useState)("create"),[f,k]=(0,react_1.useState)(""),[T,v]=(0,react_1.useState)(""),[u,_]=(0,react_1.useState)("string"),[I,c]=(0,react_1.useState)(null),M=(0,react_1.useMemo)(()=>(0,storageInspector_1.getRegisteredMMKVInstanceIds)(),[]),g=(0,react_1.useCallback)(async()=>{x(!0);try{const e=await(0,storageInspector_1.fetchStorageEntries)(t,t==="mmkv"?a:void 0);d(e)}catch{d([])}finally{x(!1)}},[t,a]);(0,react_1.useEffect)(()=>(g(),(0,storageInspector_1.subscribeToStorageChanges)(g)),[g]);const $=e=>{L(n=>({...n,[e]:!n[e]}))},E=()=>{P("create"),k(""),v(""),_("string"),c(null),C(!0)},R=e=>{P("edit"),k(e.key),v(e.value),_(e.type==="json"?"json":e.type==="number"?"number":e.type==="boolean"?"boolean":"string"),c(null),C(!0)},[m,A]=(0,react_1.useState)({visible:!1,title:"",message:"",onConfirm:()=>{}}),K=e=>{A({visible:!0,title:r("storage.deleteKeyTitle","Delete Key"),message:r("storage.deleteKeyMessage",{key:e,defaultValue:`Are you sure you want to delete key "${e}"?`}),confirmText:r("common.clear","Delete"),cancelText:r("common.cancel","Cancel"),onConfirm:async()=>{A(y=>({...y,visible:!1})),await(0,storageInspector_1.removeStorageEntry)(t,e,t==="mmkv"?a:void 0)?((0,toast_1.showToast)(`Deleted "${e}"`),g()):(0,toast_1.showToast)(`Failed to delete "${e}"`)}})},W=()=>{A({visible:!0,title:r("storage.clearTitle","Clear Storage Driver"),message:r("storage.clearMessage",{driver:t==="asyncStorage"?"AsyncStorage":"MMKV",defaultValue:`Are you sure you want to delete all keys in ${t==="asyncStorage"?"AsyncStorage":"MMKV"}?`}),confirmText:r("storage.clearConfirm","Clear All"),cancelText:r("common.cancel","Cancel"),onConfirm:async()=>{A(n=>({...n,visible:!1})),await(0,storageInspector_1.clearStorageDriver)(t,t==="mmkv"?a:void 0)&&((0,toast_1.showToast)(r("storage.cleared","All storage keys wiped")),g())}})},N=async()=>{if(!f.trim()){(0,toast_1.showToast)(r("storage.keyNameEmpty","Key name cannot be empty"));return}let e=T;if(u==="json")try{const y=JSON.parse(T);e=JSON.stringify(y)}catch(y){c("Invalid JSON: "+y.message);return}else if(u==="number"&&isNaN(Number(T))){c("Value must be a valid number");return}await(0,storageInspector_1.setStorageEntry)(t,f.trim(),e,t==="mmkv"?a:void 0)?((0,toast_1.showToast)(h==="create"?`Added "${f.trim()}"`:`Updated "${f.trim()}"`),C(!1),g()):(0,toast_1.showToast)(r("storage.saveError","Error saving storage key"))},j=()=>{try{const e=JSON.parse(T);v(JSON.stringify(e,null,2)),c(null),_("json"),(0,toast_1.showToast)(r("storage.beautifyJson","Formatted JSON"))}catch{c("Cannot format: invalid JSON syntax")}},p=(0,react_1.useMemo)(()=>{if(!s.trim())return i;const e=s.toLowerCase().trim().split(/\s+/).filter(Boolean);return i.filter(n=>{const y=`${n.key} ${n.value}`.toLowerCase();return e.every(q=>y.includes(q))})},[i,s]),b=(0,react_1.useMemo)(()=>i.reduce((e,n)=>e+n.byteSize,0),[i]),H=(0,react_1.useMemo)(()=>b<1024?`${b.toLocaleString()} B`:b<1024*1024?`${(b/1024).toLocaleString(void 0,{minimumFractionDigits:1,maximumFractionDigits:1})} KB`:`${(b/(1024*1024)).toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})} MB`,[b]),D=(0,react_1.useCallback)(e=>{(0,helpers_1.copyToClipboard)(e.value,e.key),(0,toast_1.showToast)(`Copied value of "${e.key}"`)},[]),J=(0,react_1.useCallback)(({item:e})=><StorageEntryCard entry={e}isExpanded={!!z[e.key]}onToggleExpand={$}onCopy={D}onEdit={R}onDelete={K}badge={getTypeBadge(e.type)}/>,[z,D]);return<react_native_1.View style={styles.container}>
       
       <react_native_1.View style={styles.driverTabsWrapper}>
         <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={styles.driverTabsContainer}>
@@ -52,9 +52,9 @@
             <react_native_1.Text style={[styles.driverTabText,{color:t==="asyncStorage"?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}]}>
               {r("storage.subTabs.asyncStorage","AsyncStorage")}
             </react_native_1.Text>
-            {n.length>0&&t==="asyncStorage"&&<react_native_1.View style={[styles.driverCountBadge,{backgroundColor:"rgba(255,255,255,0.25)"}]}>
+            {i.length>0&&t==="asyncStorage"&&<react_native_1.View style={[styles.driverCountBadge,{backgroundColor:"rgba(255,255,255,0.25)"}]}>
                 <react_native_1.Text style={[styles.driverCountText,{color:AppColors_1.AppColors.white}]}>
-                  {n.length}
+                  {i.length}
                 </react_native_1.Text>
               </react_native_1.View>}
           </TouchableScale_1.default>
@@ -64,16 +64,16 @@
             <react_native_1.Text style={[styles.driverTabText,{color:t==="mmkv"?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}]}>
               {r("storage.subTabs.mmkv","MMKV")}
             </react_native_1.Text>
-            {n.length>0&&t==="mmkv"&&<react_native_1.View style={[styles.driverCountBadge,{backgroundColor:"rgba(255,255,255,0.25)"}]}>
+            {i.length>0&&t==="mmkv"&&<react_native_1.View style={[styles.driverCountBadge,{backgroundColor:"rgba(255,255,255,0.25)"}]}>
                 <react_native_1.Text style={[styles.driverCountText,{color:AppColors_1.AppColors.white}]}>
-                  {n.length}
+                  {i.length}
                 </react_native_1.Text>
               </react_native_1.View>}
           </TouchableScale_1.default>
 
           
-          {t==="mmkv"&&F.length>1&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,marginLeft:6}}>
-              {F.map(e=><TouchableScale_1.default key={e}onPress={()=>v(e)}style={[styles.instancePill,a===e&&styles.instancePillActive]}>
+          {t==="mmkv"&&M.length>1&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,marginLeft:6}}>
+              {M.map(e=><TouchableScale_1.default key={e}onPress={()=>S(e)}style={[styles.instancePill,a===e&&styles.instancePillActive]}>
                   <react_native_1.Text style={[styles.instancePillText,a===e&&styles.instancePillTextActive]}>
                     {e}
                   </react_native_1.Text>
@@ -86,21 +86,21 @@
       <react_native_1.View style={styles.actionBar}>
         <react_native_1.View style={styles.searchBar}>
           <NetworkIcons_1.SearchIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
-          <react_native_1.TextInput value={s}onChangeText={_}placeholder={r("storage.searchPlaceholder","Search keys, values, types...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}style={styles.searchInput}clearButtonMode="while-editing"/>
+          <react_native_1.TextInput value={s}onChangeText={B}placeholder={r("storage.searchPlaceholder","Search keys, values, types...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}style={styles.searchInput}clearButtonMode="while-editing"/>
           {s.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}}>
                   {p.length}
                 </react_native_1.Text>
               </react_native_1.View>
-              <TouchableScale_1.default onPress={()=>_("")}hitSlop={8}>
+              <TouchableScale_1.default onPress={()=>B("")}hitSlop={8}>
                 <NetworkIcons_1.ClearIcon size={13}color={AppColors_1.AppColors.grayTextWeak}/>
               </TouchableScale_1.default>
             </react_native_1.View>}
         </react_native_1.View>
 
         
-        <TouchableScale_1.default onPress={O}style={styles.addKeyBtn}hitSlop={6}>
+        <TouchableScale_1.default onPress={E}style={styles.addKeyBtn}hitSlop={6}>
           <NetworkIcons_1.PlusIcon size={13}color={AppColors_1.AppColors.white}/>
           <react_native_1.Text style={styles.addKeyBtnText}>{r("storage.add","Add")}</react_native_1.Text>
         </TouchableScale_1.default>
@@ -109,7 +109,7 @@
           <NetworkIcons_1.ResetIcon size={13}color={AppColors_1.AppColors.grayText}/>
         </TouchableScale_1.default>
 
-        {n.length>0&&<TouchableScale_1.default onPress={K}style={[styles.actionIconBtn,{borderColor:`${AppColors_1.AppColors.errorColor}33`,backgroundColor:`${AppColors_1.AppColors.errorColor}12`}]}hitSlop={6}>
+        {i.length>0&&<TouchableScale_1.default onPress={W}style={[styles.actionIconBtn,{borderColor:`${AppColors_1.AppColors.errorColor}33`,backgroundColor:`${AppColors_1.AppColors.errorColor}12`}]}hitSlop={6}>
             <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.errorColor}/>
           </TouchableScale_1.default>}
       </react_native_1.View>
@@ -117,7 +117,7 @@
       
       <react_native_1.View style={styles.statsStrip}>
         <react_native_1.Text style={styles.statsText}>
-          {p.length.toLocaleString()} of {n.length.toLocaleString()} Keys • {E}
+          {p.length.toLocaleString()} of {i.length.toLocaleString()} Keys • {H}
         </react_native_1.Text>
         <react_native_1.Text style={styles.statsSubtext}>
           {t==="asyncStorage"?"SQLite Key-Value":`MMKV (${a})`}
@@ -125,11 +125,11 @@
       </react_native_1.View>
 
       
-      {S?<react_native_1.View style={styles.loadingContainer}>
+      {w?<react_native_1.View style={styles.loadingContainer}>
           <react_native_1.ActivityIndicator size="small"color={AppColors_1.AppColors.purple}/>
           <react_native_1.Text style={styles.loadingText}>{r("storage.loading","Loading storage entries...")}</react_native_1.Text>
         </react_native_1.View>:<>
-          <react_native_1.FlatList ref={o}data={p.slice(0,w)}keyExtractor={e=>e.key}renderItem={N}initialNumToRender={10}maxToRenderPerBatch={10}windowSize={5}removeClippedSubviews={react_native_1.Platform.OS==="android"}style={styles.scrollArea}contentContainerStyle={p.length===0?styles.emptyScrollContent:styles.scrollContent}showsVerticalScrollIndicator={!1}ListEmptyComponent={<react_native_1.View style={styles.emptyContainer}>
+          <react_native_1.FlatList ref={o}data={p.slice(0,V)}keyExtractor={e=>e.key}renderItem={J}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}style={styles.scrollArea}contentContainerStyle={p.length===0?styles.emptyScrollContent:styles.scrollContent}showsVerticalScrollIndicator={!1}ListEmptyComponent={<react_native_1.View style={styles.emptyContainer}>
                 <react_native_1.View style={styles.emptyIconWrap}>
                   <NetworkIcons_1.DatabaseIcon size={28}color={AppColors_1.AppColors.grayTextWeak}/>
                 </react_native_1.View>
@@ -139,23 +139,23 @@
                 <react_native_1.Text style={styles.emptySubtitle}>
                   {s.trim().length>0?`No keys or values match "${s}"`:`Storage is auto-detected. Tap "+ Add" above to create your first ${t==="asyncStorage"?"AsyncStorage":"MMKV"} key!`}
                 </react_native_1.Text>
-                {s.trim().length>0&&<TouchableScale_1.default onPress={()=>_("")}style={{marginTop:12,paddingHorizontal:14,paddingVertical:6,borderRadius:8,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary}}>
+                {s.trim().length>0&&<TouchableScale_1.default onPress={()=>B("")}style={{marginTop:12,paddingHorizontal:14,paddingVertical:6,borderRadius:8,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary}}>
                     <react_native_1.Text style={{color:AppColors_1.AppColors.brandPurple,fontSize:12,fontFamily:AppFonts_1.AppFonts.interBold}}>
                       Clear Search
                     </react_native_1.Text>
                   </TouchableScale_1.default>}
-              </react_native_1.View>}ListFooterComponent={p.length>0?<EndOfListFooter_1.default count={Math.min(w,p.length)}totalCount={p.length}label="keys"hasMore={p.length>w}onLoadMore={()=>P(e=>e+10)}/>:<react_native_1.View style={{height:60}}/>}/>
+              </react_native_1.View>}ListFooterComponent={p.length>0?<EndOfListFooter_1.default count={Math.min(V,p.length)}totalCount={p.length}label="keys"loadMoreStep={LOAD_MORE_STEP}hasMore={p.length>V}onLoadMore={()=>F(e=>e+LOAD_MORE_STEP)}/>:<react_native_1.View style={{height:60}}/>}/>
         </>}
 
       
-      <react_native_1.Modal visible={D}transparent animationType="fade"onRequestClose={()=>y(!1)}>
+      <react_native_1.Modal visible={O}transparent animationType="fade"onRequestClose={()=>C(!1)}>
         <react_native_1.View style={styles.modalOverlay}>
           <react_native_1.View style={styles.modalCard}>
             <react_native_1.View style={styles.modalHeader}>
               <react_native_1.Text style={styles.modalTitle}>
-                {T==="create"?"Add Storage Key":`Edit: ${C}`}
+                {h==="create"?"Add Storage Key":`Edit: ${f}`}
               </react_native_1.Text>
-              <TouchableScale_1.default onPress={()=>y(!1)}hitSlop={8}>
+              <TouchableScale_1.default onPress={()=>C(!1)}hitSlop={8}>
                 <NetworkIcons_1.ClearIcon size={16}color={AppColors_1.AppColors.grayText}/>
               </TouchableScale_1.default>
             </react_native_1.View>
@@ -163,7 +163,7 @@
             
             <react_native_1.View style={styles.inputGroup}>
               <react_native_1.Text style={styles.inputLabel}>{r("storage.keyName","KEY NAME").toUpperCase()}</react_native_1.Text>
-              <react_native_1.TextInput value={C}onChangeText={B}placeholder="e.g. user_session, auth_token"placeholderTextColor={AppColors_1.AppColors.grayTextWeak}editable={T==="create"}style={[styles.textInput,T==="edit"&&styles.textInputDisabled]}autoCapitalize="none"/>
+              <react_native_1.TextInput value={f}onChangeText={k}placeholder="e.g. user_session, auth_token"placeholderTextColor={AppColors_1.AppColors.grayTextWeak}editable={h==="create"}style={[styles.textInput,h==="edit"&&styles.textInputDisabled]}autoCapitalize="none"/>
             </react_native_1.View>
 
             
@@ -175,8 +175,8 @@
                   </TouchableScale_1.default>}
               </react_native_1.View>
               <react_native_1.View style={styles.typeSelectorStrip}>
-                {["string","json","number","boolean"].map(e=>{const i=u===e;return<TouchableScale_1.default key={e}onPress={()=>{x(e),c(null)}}style={[styles.typePill,i&&styles.typePillActive]}>
-                      <react_native_1.Text style={[styles.typePillText,i&&styles.typePillTextActive]}>
+                {["string","json","number","boolean"].map(e=>{const n=u===e;return<TouchableScale_1.default key={e}onPress={()=>{_(e),c(null)}}style={[styles.typePill,n&&styles.typePillActive]}>
+                      <react_native_1.Text style={[styles.typePillText,n&&styles.typePillTextActive]}>
                         {e.toUpperCase()}
                       </react_native_1.Text>
                     </TouchableScale_1.default>})}
@@ -186,19 +186,19 @@
             
             <react_native_1.View style={styles.inputGroup}>
               <react_native_1.Text style={styles.inputLabel}>{r("storage.valueContent","VALUE CONTENT").toUpperCase()}</react_native_1.Text>
-              <react_native_1.TextInput value={m}onChangeText={e=>{h(e),V&&c(null)}}placeholder={u==="json"?'{"userId": 123, "isLoggedIn": true}':u==="number"?"42":u==="boolean"?"true":"String value..."}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}style={[styles.textInput,styles.textAreaInput]}multiline textAlignVertical="top"autoCapitalize="none"/>
-              {V&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,marginTop:4}}>
+              <react_native_1.TextInput value={T}onChangeText={e=>{v(e),I&&c(null)}}placeholder={u==="json"?'{"userId": 123, "isLoggedIn": true}':u==="number"?"42":u==="boolean"?"true":"String value..."}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}style={[styles.textInput,styles.textAreaInput]}multiline textAlignVertical="top"autoCapitalize="none"/>
+              {I&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,marginTop:4}}>
                   <NetworkIcons_1.WarningTriangleIcon size={12}color={AppColors_1.AppColors.errorColor}/>
-                  <react_native_1.Text style={styles.errorText}>{V}</react_native_1.Text>
+                  <react_native_1.Text style={styles.errorText}>{I}</react_native_1.Text>
                 </react_native_1.View>}
             </react_native_1.View>
 
             
             <react_native_1.View style={styles.modalActions}>
-              <TouchableScale_1.default onPress={()=>y(!1)}style={styles.cancelBtn}>
+              <TouchableScale_1.default onPress={()=>C(!1)}style={styles.cancelBtn}>
                 <react_native_1.Text style={styles.cancelBtnText}>{r("common.cancel","Cancel")}</react_native_1.Text>
               </TouchableScale_1.default>
-              <TouchableScale_1.default onPress={W}style={styles.saveBtn}>
+              <TouchableScale_1.default onPress={N}style={styles.saveBtn}>
                 <NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.white}/>
                 <react_native_1.Text style={styles.saveBtnText}>{r("storage.saveKey","Save Key")}</react_native_1.Text>
               </TouchableScale_1.default>
@@ -206,4 +206,6 @@
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.Modal>
+
+      <ConfirmationModal_1.ConfirmationModal visible={m.visible}title={m.title}message={m.message}confirmText={m.confirmText}cancelText={m.cancelText}isDestructive={!0}icon="trash"onConfirm={m.onConfirm}onCancel={()=>A(e=>({...e,visible:!1}))}/>
     </react_native_1.View>});const styles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground},driverTabsWrapper:{backgroundColor:AppColors_1.AppColors.primaryLight,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingVertical:8},driverTabsContainer:{paddingHorizontal:12,flexDirection:"row",alignItems:"center",gap:6},driverTabPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},driverTabPillActive:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},driverTabText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},driverTabTextActive:{color:AppColors_1.AppColors.white},driverCountBadge:{backgroundColor:"rgba(255, 255, 255, 0.25)",paddingHorizontal:5,paddingVertical:1,borderRadius:8},driverCountText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.white},instancePill:{paddingHorizontal:7,paddingVertical:3,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}30`},instancePillActive:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},instancePillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.purple},instancePillTextActive:{color:AppColors_1.AppColors.white},actionBar:{flexDirection:"row",alignItems:"center",paddingHorizontal:12,paddingVertical:8,backgroundColor:AppColors_1.AppColors.primaryLight,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,gap:6},searchBar:{flex:1,flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,paddingHorizontal:9,paddingVertical:react_native_1.Platform.OS==="ios"?6:2,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:6},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.primaryBlack,padding:0},addKeyBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:10,paddingVertical:6,borderRadius:8,backgroundColor:AppColors_1.AppColors.purple},addKeyBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white},actionIconBtn:{width:30,height:30,borderRadius:8,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},statsStrip:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:5,backgroundColor:`${AppColors_1.AppColors.grayBorderSecondary}40`},statsText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayText},statsSubtext:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak},scrollArea:{flex:1},scrollContent:{padding:12,gap:10,paddingBottom:100},emptyScrollContent:{flexGrow:1,justifyContent:"center",alignItems:"center",padding:24,paddingBottom:60},entryCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:10,gap:8,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.02,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1},entryHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},entryKey:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},typeBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:4,borderWidth:1},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5},sizeText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},entryActions:{flexDirection:"row",alignItems:"center",gap:5},entryActionBtn:{padding:5,borderRadius:5,backgroundColor:AppColors_1.AppColors.grayBackground},valuePreviewBox:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:6,padding:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.grayBorderSecondary}80`},valuePreviewText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.primaryBlack,lineHeight:16},expandHint:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.purple,marginTop:4},loadingContainer:{flex:1,alignItems:"center",justifyContent:"center",gap:8},loadingText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.grayText},emptyContainer:{padding:24,alignItems:"center",justifyContent:"center"},emptyIconWrap:{width:56,height:56,borderRadius:28,backgroundColor:`${AppColors_1.AppColors.grayBorderSecondary}40`,alignItems:"center",justifyContent:"center",marginBottom:12},emptyTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack,marginBottom:4},emptySubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.grayText,textAlign:"center",maxWidth:280},connectGuideCard:{marginTop:20,width:"100%",backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:12,gap:6},connectGuideTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple},connectGuideCode:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayText,lineHeight:15},modalOverlay:{flex:1,backgroundColor:"rgba(0, 0, 0, 0.5)",justifyContent:"center",alignItems:"center",padding:16},modalCard:{width:"100%",maxWidth:400,backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,padding:16,gap:12,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.2,shadowRadius:10,shadowOffset:{width:0,height:4},elevation:5},modalHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingBottom:10},modalTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack},inputGroup:{gap:4},inputLabel:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.5},textInput:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,paddingHorizontal:10,paddingVertical:8,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.primaryBlack,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},textInputDisabled:{backgroundColor:`${AppColors_1.AppColors.grayBorderSecondary}40`,color:AppColors_1.AppColors.grayText},textAreaInput:{minHeight:90,maxHeight:160,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11},typeSelectorStrip:{flexDirection:"row",alignItems:"center",gap:6},typePill:{flex:1,alignItems:"center",paddingVertical:6,borderRadius:6,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},typePillActive:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},typePillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayText},typePillTextActive:{color:AppColors_1.AppColors.white},formatJsonBtn:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.purple},errorText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.errorColor,marginTop:2},modalActions:{flexDirection:"row",alignItems:"center",gap:10,marginTop:4},cancelBtn:{flex:1,alignItems:"center",paddingVertical:10,borderRadius:8,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},cancelBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.grayText},saveBtn:{flex:1.5,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:5,paddingVertical:10,borderRadius:8,backgroundColor:AppColors_1.AppColors.purple},saveBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white}});exports.default=exports.StorageTab;

package/dist/commonjs/components/Inspector/SupportModal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SupportModalProps {
+    visible: boolean;
+    onClose: () => void;
+}
+export declare const SupportModal: React.FC<SupportModalProps>;
+export {};

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

@@ -0,0 +1,125 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SupportModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),NativeInspector_1=require("../../native/NativeInspector"),i18n_1=require("../../i18n"),SupportModal=({visible:t,onClose:r})=>{const{t:e}=(0,i18n_1.useTranslation)();if(!t)return null;const o=async a=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light"),await react_native_1.Linking.canOpenURL(a)&&await react_native_1.Linking.openURL(a)}catch{}};return<react_native_1.Modal visible={t}transparent={!0}animationType="fade"onRequestClose={r}>
+      <react_native_1.View style={styles.overlay}>
+        <react_native_1.Pressable style={styles.backdrop}onPress={r}/>
+
+        <react_native_1.View style={styles.card}>
+          
+          <react_native_1.View style={styles.header}>
+            <react_native_1.View style={styles.headerLeft}>
+              <react_native_1.View style={styles.headerIconBadge}>
+                <NetworkIcons_1.SupportIcon size={20}color={AppColors_1.AppColors.purple}/>
+              </react_native_1.View>
+              <react_native_1.View>
+                <react_native_1.Text style={styles.title}>
+                  {e("support.title","Support & Community")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.subtitle}>
+                  {e("support.subtitle","React Native In-App Inspector")}
+                </react_native_1.Text>
+              </react_native_1.View>
+            </react_native_1.View>
+
+            <TouchableScale_1.default onPress={r}hitSlop={10}style={styles.closeBtn}>
+              <NetworkIcons_1.CloseWhite size={12}color={AppColors_1.AppColors.grayText}/>
+            </TouchableScale_1.default>
+          </react_native_1.View>
+
+          
+          <react_native_1.ScrollView style={styles.scrollList}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!1}>
+            
+            <TouchableScale_1.default onPress={()=>o("https://github.com/sponsors/vengatmacuser")}style={[styles.itemCard,styles.itemCardHighlight]}>
+              <react_native_1.View style={[styles.itemIconWrap,styles.sponsorIconWrap]}>
+                <react_native_1.Text style={styles.emojiIcon}>💖</react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.View style={styles.itemTextCol}>
+                <react_native_1.View style={styles.itemTitleRow}>
+                  <react_native_1.Text style={[styles.itemTitle,styles.sponsorTitle]}>
+                    {e("support.sponsor","Sponsor on GitHub")}
+                  </react_native_1.Text>
+                  <react_native_1.View style={styles.heartBadge}>
+                    <react_native_1.Text style={styles.heartBadgeText}>
+                      {e("support.sponsorBadge","SPONSOR")}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                </react_native_1.View>
+                <react_native_1.Text style={styles.itemDesc}>
+                  {e("support.sponsorDesc","Support ongoing maintenance, new features and release improvements.")}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ExternalLinkIcon size={14}color={AppColors_1.AppColors.pink600}/>
+            </TouchableScale_1.default>
+
+            
+            <TouchableScale_1.default onPress={()=>o("https://github.com/vengatmacuser/react-native-inapp-inspector")}style={styles.itemCard}>
+              <react_native_1.View style={[styles.itemIconWrap,styles.starIconWrap]}>
+                <NetworkIcons_1.StarIcon size={18}color={AppColors_1.AppColors.amber600}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.itemTextCol}>
+                <react_native_1.Text style={styles.itemTitle}>
+                  {e("support.star","Star on GitHub")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.itemDesc}>
+                  {e("support.starDesc","Star our repo to help more React Native developers discover this tool.")}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ExternalLinkIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
+            </TouchableScale_1.default>
+
+            
+            <TouchableScale_1.default onPress={()=>o("https://github.com/vengatmacuser/react-native-inapp-inspector/issues")}style={styles.itemCard}>
+              <react_native_1.View style={[styles.itemIconWrap,styles.bugIconWrap]}>
+                <NetworkIcons_1.BugIcon size={18}color={AppColors_1.AppColors.purple}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.itemTextCol}>
+                <react_native_1.Text style={styles.itemTitle}>
+                  {e("support.issues","Report Issue / Suggestion")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.itemDesc}>
+                  {e("support.issuesDesc","Found a bug or have an idea? Open an issue on GitHub.")}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ExternalLinkIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
+            </TouchableScale_1.default>
+
+            
+            <TouchableScale_1.default onPress={()=>o("https://vengatmacuser.github.io/react-native-inapp-inspector/")}style={styles.itemCard}>
+              <react_native_1.View style={[styles.itemIconWrap,styles.docsIconWrap]}>
+                <NetworkIcons_1.BookOpenIcon size={18}color={AppColors_1.AppColors.sky600}/>
+              </react_native_1.View>
+              <react_native_1.View style={styles.itemTextCol}>
+                <react_native_1.Text style={styles.itemTitle}>
+                  {e("support.docs","Official Documentation")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.itemDesc}>
+                  {e("support.docsDesc","Interactive feature tour, search syntax & configuration guides.")}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ExternalLinkIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
+            </TouchableScale_1.default>
+
+            
+            <TouchableScale_1.default onPress={()=>o("mailto:vengatmacuser@gmail.com")}style={styles.itemCard}>
+              <react_native_1.View style={[styles.itemIconWrap,styles.contactIconWrap]}>
+                <react_native_1.Text style={styles.mailEmoji}>✉️</react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.View style={styles.itemTextCol}>
+                <react_native_1.Text style={styles.itemTitle}>
+                  {e("support.contact","Contact Author")}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.itemDesc}>
+                  {e("support.contactDesc","vengatmacuser@gmail.com \u2022 Direct support & enterprise inquiries.")}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <NetworkIcons_1.ExternalLinkIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
+            </TouchableScale_1.default>
+          </react_native_1.ScrollView>
+
+          
+          <react_native_1.View style={styles.footer}>
+            <TouchableScale_1.default onPress={r}style={styles.doneBtn}>
+              <react_native_1.Text style={styles.doneBtnText}>{e("common.close","Close")}</react_native_1.Text>
+            </TouchableScale_1.default>
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.View>
+    </react_native_1.Modal>};exports.SupportModal=SupportModal;const styles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:`${AppColors_1.AppColors.slate900}B0`,justifyContent:"center",alignItems:"center",paddingHorizontal:18},backdrop:{...react_native_1.StyleSheet.absoluteFillObject},card:{width:"100%",maxWidth:380,maxHeight:"82%",backgroundColor:AppColors_1.AppColors.white,borderRadius:24,overflow:"hidden",borderWidth:1,borderColor:`${AppColors_1.AppColors.white}CC`,...react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.slate900,shadowOffset:{width:0,height:16},shadowOpacity:.3,shadowRadius:28},android:{elevation:16}})},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:18,paddingTop:18,paddingBottom:14,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary},headerLeft:{flexDirection:"row",alignItems:"center",gap:12},headerIconBadge:{width:38,height:38,borderRadius:12,backgroundColor:AppColors_1.AppColors.purple50,borderWidth:1,borderColor:AppColors_1.AppColors.purple200,alignItems:"center",justifyContent:"center"},title:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15.5,color:AppColors_1.AppColors.slate900},subtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.grayTextWeak,marginTop:1},closeBtn:{width:28,height:28,borderRadius:14,backgroundColor:AppColors_1.AppColors.graySurface,alignItems:"center",justifyContent:"center"},scrollList:{maxHeight:380},scrollContent:{padding:16,gap:10},itemCard:{flexDirection:"row",alignItems:"center",padding:12,borderRadius:14,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:12},itemCardHighlight:{backgroundColor:`${AppColors_1.AppColors.pink100}55`,borderColor:`${AppColors_1.AppColors.pink400}66`},itemIconWrap:{width:36,height:36,borderRadius:10,borderWidth:1,alignItems:"center",justifyContent:"center"},sponsorIconWrap:{backgroundColor:AppColors_1.AppColors.pink100,borderColor:`${AppColors_1.AppColors.pink400}80`},starIconWrap:{backgroundColor:AppColors_1.AppColors.amber100,borderColor:AppColors_1.AppColors.amber200},bugIconWrap:{backgroundColor:AppColors_1.AppColors.purple50,borderColor:AppColors_1.AppColors.purple200},docsIconWrap:{backgroundColor:AppColors_1.AppColors.sky100,borderColor:`${AppColors_1.AppColors.sky600}40`},contactIconWrap:{backgroundColor:AppColors_1.AppColors.graySurface,borderColor:AppColors_1.AppColors.grayBorderSecondary},emojiIcon:{fontSize:18},mailEmoji:{fontSize:16},itemTextCol:{flex:1},itemTitleRow:{flexDirection:"row",alignItems:"center",gap:6},itemTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.slate900},sponsorTitle:{color:AppColors_1.AppColors.pink600},itemDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,marginTop:2,lineHeight:15},heartBadge:{paddingHorizontal:6,paddingVertical:1,borderRadius:6,backgroundColor:AppColors_1.AppColors.pink100,borderWidth:.5,borderColor:AppColors_1.AppColors.pink400},heartBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.pink600},footer:{paddingHorizontal:16,paddingVertical:12,borderTopWidth:react_native_1.StyleSheet.hairlineWidth,borderTopColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:AppColors_1.AppColors.white},doneBtn:{height:42,borderRadius:12,backgroundColor:AppColors_1.AppColors.purple,alignItems:"center",justifyContent:"center"},doneBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,color:AppColors_1.AppColors.white}});

package/dist/commonjs/components/Inspector/SupportPage.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface SupportPageProps {
+    onClose?: () => void;
+}
+export declare const SupportPage: React.FC<SupportPageProps>;