@buoy-gg/storage 2.1.5 → 2.1.8

package/lib/module/storage/components/StorageModalWithTabs.js

@@ -3,13 +3,12 @@
 import { useState, useCallback, useEffect, useRef, useMemo } from "react";
 import { Text, View, TouchableOpacity, StyleSheet, FlatList, Alert } from "react-native";
 import AsyncStorage from "@react-native-async-storage/async-storage";
-import { JsModal, ModalHeader, TabSelector, parseValue, devToolsStorageKeys, macOSColors, Database, Trash2, Filter, Search, SearchBar, PowerToggleButton } from "@buoy-gg/shared-ui";
+import { JsModal, ModalHeader, TabSelector, parseValue, devToolsStorageKeys, macOSColors, Database, Filter, Search, SearchBar, PowerToggleButton, ToolbarCopyButton, ToolbarClearButton, truncatePayload } from "@buoy-gg/shared-ui";
 import { StorageBrowserMode } from "./StorageBrowserMode";
 import { clearAllAppStorage, clearAllStorageIncludingDevTools } from "../utils/clearAllStorage";
 import { ProFeatureBanner } from "@buoy-gg/shared-ui";
 import { useStorageEvents } from "../hooks/useStorageEvents";
 import { StorageEventDetailContent, StorageEventDetailFooter } from "./StorageEventDetailContent";
-import { StorageFilterViewV2 } from "./StorageFilterViewV2";
 import { StorageEventFilterView } from "./StorageEventFilterView";
 import { StorageEventCard } from "./StorageEventCard";
 // Note: StorageEvent type is now imported from useStorageEvents hook
@@ -32,12 +31,8 @@ export function StorageModalWithTabs({
   const [activeTab, setActiveTab] = useState("browser");
 
   // Storage Browser state
-  const [showStorageFilters, setShowStorageFilters] = useState(false);
-  const [storageIgnoredPatterns, setStorageIgnoredPatterns] = useState(new Set(["@react_buoy"]) // Auto-hide dev tool keys by default
-  );
   const [searchQuery, setSearchQuery] = useState("");
   const [isSearchActive, setIsSearchActive] = useState(false);
-  const hasLoadedStorageFilters = useRef(false);
 
   // Local state to control subscription (true = subscribed, false = unsubscribed)
   const [isListeningEnabled, setIsListeningEnabled] = useState(true);
@@ -53,6 +48,8 @@ export function StorageModalWithTabs({
     enabled: isListeningEnabled
   });
   const [selectedConversationKey, setSelectedConversationKey] = useState(null);
+  const [selectedHistoryKey, setSelectedHistoryKey] = useState(null);
+  const [selectedHistoryEventIndex, setSelectedHistoryEventIndex] = useState(null);
   const [selectedEventIndex, setSelectedEventIndex] = useState(0);
   const [showFilters, setShowFilters] = useState(false);
   const [ignoredPatterns, setIgnoredPatterns] = useState(new Set(["@react_buoy", "@RNAsyncStorage", "redux-persist", "persist:"]) // Auto-hide dev tool keys by default
@@ -185,10 +182,15 @@ export function StorageModalWithTabs({
   const handleClearEvents = useCallback(() => {
     clearStorageEvents();
     setSelectedConversationKey(null);
-  }, [clearStorageEvents]);
-  const handleConversationPress = useCallback(conversation => {
-    setSelectedConversationKey(conversation.key);
     setSelectedEventIndex(0);
+  }, [clearStorageEvents]);
+  const handleViewHistoryFromBrowser = useCallback(key => {
+    setSelectedHistoryKey(key);
+    setSelectedHistoryEventIndex(null);
+  }, []);
+  const handleBackFromHistory = useCallback(() => {
+    setSelectedHistoryKey(null);
+    setSelectedHistoryEventIndex(null);
   }, []);
   const handleTogglePattern = useCallback(pattern => {
     setIgnoredPatterns(prev => {
@@ -221,22 +223,26 @@ export function StorageModalWithTabs({
 
   // Storage Browser handlers
   const storageDataRef = useRef([]);
-  const handleToggleStorageFilters = useCallback(() => {
-    setShowStorageFilters(!showStorageFilters);
-  }, [showStorageFilters]);
-  const handleToggleStoragePattern = useCallback(pattern => {
-    setStorageIgnoredPatterns(prev => {
-      const next = new Set(prev);
-      if (next.has(pattern)) {
-        next.delete(pattern);
-      } else {
-        next.add(pattern);
-      }
-      return next;
-    });
-  }, []);
-  const handleAddStoragePattern = useCallback(pattern => {
-    setStorageIgnoredPatterns(prev => new Set([...prev, pattern]));
+  const getStorageSnapshot = useCallback(() => {
+    const keys = storageDataRef.current;
+    return {
+      timestamp: new Date().toISOString(),
+      totalKeys: keys.length,
+      asyncStorage: keys.filter(k => k.storageType === 'async').reduce((acc, k) => {
+        acc[k.key] = truncatePayload(k.value);
+        return acc;
+      }, {}),
+      mmkv: keys.filter(k => k.storageType === 'mmkv').reduce((acc, k) => {
+        const id = k.instanceId || 'default';
+        if (!acc[id]) acc[id] = {};
+        acc[id][k.key] = truncatePayload(k.value);
+        return acc;
+      }, {}),
+      secure: keys.filter(k => k.storageType === 'secure').reduce((acc, k) => {
+        acc[k.key] = truncatePayload(k.value);
+        return acc;
+      }, {})
+    };
   }, []);
   const handlePurgeStorage = useCallback(async () => {
     Alert.alert("Clear Storage", "Choose what to clear:", [{
@@ -353,67 +359,154 @@ export function StorageModalWithTabs({
     return conversations.find(c => c.key === selectedConversationKey) || null;
   }, [selectedConversationKey, conversations]);
 
-  // For free users, limit visible conversations
-  const visibleConversations = useMemo(() => {
-    if (isPro) return conversations;
-    return conversations.slice(0, FREE_TIER_EVENT_LIMIT);
-  }, [conversations, isPro]);
-  const lockedConversationCount = useMemo(() => {
+  // Event count per key for storage browser badges
+  const eventCountByKey = useMemo(() => {
+    const counts = {};
+    conversations.forEach(conv => {
+      counts[conv.key] = conv.totalOperations;
+    });
+    return counts;
+  }, [conversations]);
+
+  // Selected history conversation (from browser tab "view history")
+  const selectedHistoryConversation = useMemo(() => {
+    if (!selectedHistoryKey) return null;
+    return conversations.find(c => c.key === selectedHistoryKey) || null;
+  }, [selectedHistoryKey, conversations]);
+
+  // Filtered raw events for the events tab (chronological stream, newest-first)
+  const filteredEvents = useMemo(() => {
+    return events.filter(event => {
+      if (!event.data?.key) return false;
+      if (!enabledStorageTypes.has(event.storageType)) return false;
+      const key = event.data.key;
+      return !Array.from(ignoredPatterns).some(p => key.includes(p));
+    });
+  }, [events, ignoredPatterns, enabledStorageTypes]);
+  const getEventsSnapshot = useCallback(() => {
+    return filteredEvents.map(event => ({
+      key: event.data?.key,
+      action: event.action,
+      value: truncatePayload(event.data?.value),
+      storageType: event.storageType,
+      timestamp: event.timestamp.toISOString()
+    }));
+  }, [filteredEvents]);
+  const visibleEvents = useMemo(() => {
+    if (isPro) return filteredEvents;
+    return filteredEvents.slice(0, FREE_TIER_EVENT_LIMIT);
+  }, [filteredEvents, isPro]);
+  const lockedEventCount = useMemo(() => {
     if (isPro) return 0;
-    return Math.max(0, conversations.length - FREE_TIER_EVENT_LIMIT);
-  }, [conversations.length, isPro]);
+    return Math.max(0, filteredEvents.length - FREE_TIER_EVENT_LIMIT);
+  }, [filteredEvents.length, isPro]);
 
   // FlatList optimization constants
   const END_REACHED_THRESHOLD = 0.8;
 
-  // Stable keyExtractor for FlatList
-  const keyExtractor = useCallback(item => {
-    return item.key;
+  // keyExtractor for raw event FlatList
+  const eventKeyExtractor = useCallback((item, index) => {
+    return `${item.timestamp.getTime()}-${item.data?.key || index}`;
   }, []);
 
-  // Removed getItemType as it's FlatList-specific
-
-  // Create stable ref for event handler
-  const selectConversationRef = useRef(undefined);
-  selectConversationRef.current = handleConversationPress;
-
-  // Stable renderItem with ref pattern
-  const renderConversationItem = useCallback(({
+  // When a raw event card is pressed, open that key's conversation detail at the matching event
+  const handleRawEventPress = useCallback(item => {
+    const conv = conversations.find(c => c.key === item.data?.key);
+    if (!conv) return;
+    const sortedEvents = [...conv.events].sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime());
+    const eventIndex = sortedEvents.findIndex(e => e.timestamp.getTime() === item.timestamp.getTime());
+    setSelectedConversationKey(conv.key);
+    setSelectedEventIndex(eventIndex >= 0 ? eventIndex : 0);
+  }, [conversations]);
+
+  // Render a single raw event card
+  const renderEventItem = useCallback(({
     item
   }) => {
     const cardData = {
-      key: item.key,
-      lastAction: item.lastEvent.action,
-      totalOperations: item.totalOperations,
-      lastEventTimestamp: item.lastEvent.timestamp,
-      storageTypes: item.storageTypes,
-      valueType: item.valueType
+      key: item.data?.key || "",
+      lastAction: item.action,
+      totalOperations: 1,
+      lastEventTimestamp: item.timestamp,
+      storageTypes: new Set([item.storageType]),
+      valueType: getValueType(item.data?.value)
     };
     return /*#__PURE__*/_jsx(StorageEventCard, {
       data: cardData,
-      onPress: () => selectConversationRef.current?.(item)
+      onPress: () => handleRawEventPress(item)
     });
-  }, []);
+  }, [handleRawEventPress]);
   if (!visible) return null;
   const persistenceKey = enableSharedModalDimensions ? devToolsStorageKeys.modal.root() : devToolsStorageKeys.storage.modal();
   const renderContent = () => {
+    // Filters overlay — applies to both tabs
+    if (showFilters) {
+      return /*#__PURE__*/_jsx(StorageEventFilterView, {
+        ignoredPatterns: ignoredPatterns,
+        onTogglePattern: handleTogglePattern,
+        onAddPattern: handleAddPattern,
+        availableKeys: allEventKeys,
+        enabledStorageTypes: enabledStorageTypes,
+        onToggleStorageType: handleToggleStorageType
+      });
+    }
     if (activeTab === "browser") {
-      if (showStorageFilters) {
-        return /*#__PURE__*/_jsx(StorageFilterViewV2, {
-          ignoredPatterns: storageIgnoredPatterns,
-          onTogglePattern: handleToggleStoragePattern,
-          onAddPattern: handleAddStoragePattern,
-          availableKeys: allStorageKeys
+      // History flow for a specific key (from "view history" in browser tab)
+      if (selectedHistoryKey && selectedHistoryConversation) {
+        // Level 2: detail view for a specific event
+        if (selectedHistoryEventIndex !== null) {
+          return /*#__PURE__*/_jsx(View, {
+            style: styles.contentWrapper,
+            children: /*#__PURE__*/_jsx(StorageEventDetailContent, {
+              conversation: selectedHistoryConversation,
+              selectedEventIndex: selectedHistoryEventIndex,
+              onEventIndexChange: setSelectedHistoryEventIndex,
+              disableInternalFooter: true
+            })
+          });
+        }
+
+        // Level 1: event list for this key (newest-first)
+        const ascSortedEvents = [...selectedHistoryConversation.events].sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime());
+        const newestFirstEvents = [...ascSortedEvents].reverse();
+        return /*#__PURE__*/_jsx(FlatList, {
+          data: newestFirstEvents,
+          keyExtractor: (item, index) => `${item.timestamp.getTime()}-${index}`,
+          renderItem: ({
+            item
+          }) => {
+            const ascIdx = ascSortedEvents.findIndex(e => e.timestamp.getTime() === item.timestamp.getTime());
+            const cardData = {
+              key: item.data?.key || "",
+              lastAction: item.action,
+              totalOperations: 1,
+              lastEventTimestamp: item.timestamp,
+              storageTypes: new Set([item.storageType]),
+              valueType: getValueType(item.data?.value)
+            };
+            return /*#__PURE__*/_jsx(StorageEventCard, {
+              data: cardData,
+              onPress: () => setSelectedHistoryEventIndex(ascIdx >= 0 ? ascIdx : 0)
+            });
+          },
+          contentContainerStyle: styles.listContent,
+          ItemSeparatorComponent: () => /*#__PURE__*/_jsx(View, {
+            style: styles.separator
+          }),
+          initialNumToRender: 20,
+          scrollEnabled: false
         });
       }
       return /*#__PURE__*/_jsx(StorageBrowserMode, {
         requiredStorageKeys: requiredStorageKeys,
-        showFilters: showStorageFilters,
-        ignoredPatterns: storageIgnoredPatterns,
-        onTogglePattern: handleToggleStoragePattern,
-        onAddPattern: handleAddStoragePattern,
+        ignoredPatterns: ignoredPatterns,
+        onTogglePattern: handleTogglePattern,
+        onAddPattern: handleAddPattern,
         searchQuery: searchQuery,
-        storageDataRef: storageDataRef
+        storageDataRef: storageDataRef,
+        eventCountByKey: eventCountByKey,
+        onViewHistory: handleViewHistoryFromBrowser,
+        enabledStorageTypes: enabledStorageTypes
       });
     }
 
@@ -429,17 +522,7 @@ export function StorageModalWithTabs({
         })
       });
     }
-    if (showFilters) {
-      return /*#__PURE__*/_jsx(StorageEventFilterView, {
-        ignoredPatterns: ignoredPatterns,
-        onTogglePattern: handleTogglePattern,
-        onAddPattern: handleAddPattern,
-        availableKeys: allEventKeys,
-        enabledStorageTypes: enabledStorageTypes,
-        onToggleStorageType: handleToggleStorageType
-      });
-    }
-    if (conversations.length === 0) {
+    if (filteredEvents.length === 0) {
       return /*#__PURE__*/_jsxs(View, {
         style: styles.emptyState,
         children: [/*#__PURE__*/_jsx(Database, {
@@ -455,18 +538,15 @@ export function StorageModalWithTabs({
       });
     }
     return /*#__PURE__*/_jsx(FlatList, {
-      data: visibleConversations,
-      renderItem: renderConversationItem,
-      keyExtractor: keyExtractor,
+      data: visibleEvents,
+      renderItem: renderEventItem,
+      keyExtractor: eventKeyExtractor,
       onEndReachedThreshold: END_REACHED_THRESHOLD,
       contentContainerStyle: styles.listContent,
-      ItemSeparatorComponent: () => /*#__PURE__*/_jsx(View, {
-        style: styles.separator
-      }),
-      ListFooterComponent: lockedConversationCount > 0 ? /*#__PURE__*/_jsx(View, {
+      ListFooterComponent: lockedEventCount > 0 ? /*#__PURE__*/_jsx(View, {
         style: styles.lockedBannerContainer,
         children: /*#__PURE__*/_jsx(ProFeatureBanner, {
-          featureName: `${lockedConversationCount} event${lockedConversationCount > 1 ? 's' : ''} locked`,
+          featureName: `${lockedEventCount} event${lockedEventCount > 1 ? 's' : ''} locked`,
           description: "Upgrade to Pro to unlock full event history"
         })
       }) : null,
@@ -480,10 +560,14 @@ export function StorageModalWithTabs({
     conversation: selectedConversation,
     selectedEventIndex: selectedEventIndex,
     onEventIndexChange: setSelectedEventIndex
+  }) : selectedHistoryConversation && selectedHistoryEventIndex !== null ? /*#__PURE__*/_jsx(StorageEventDetailFooter, {
+    conversation: selectedHistoryConversation,
+    selectedEventIndex: selectedHistoryEventIndex,
+    onEventIndexChange: setSelectedHistoryEventIndex
   }) : null;
 
   // Determine the appropriate back handler based on current view state
-  const currentBackHandler = showStorageFilters ? () => setShowStorageFilters(false) : showFilters ? () => setShowFilters(false) : selectedConversation ? () => {
+  const currentBackHandler = showFilters ? () => setShowFilters(false) : selectedHistoryEventIndex !== null ? () => setSelectedHistoryEventIndex(null) : selectedHistoryKey ? handleBackFromHistory : selectedConversation ? () => {
     setSelectedConversationKey(null);
     setSelectedEventIndex(0);
   } : onBack;
@@ -495,17 +579,18 @@ export function StorageModalWithTabs({
     persistenceKey: persistenceKey,
     header: {
       showToggleButton: true,
-      customContent: showStorageFilters ? /*#__PURE__*/_jsxs(ModalHeader, {
+      customContent: showFilters ? /*#__PURE__*/_jsxs(ModalHeader, {
         children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-          onBack: () => setShowStorageFilters(false)
+          onBack: () => setShowFilters(false)
         }), /*#__PURE__*/_jsx(ModalHeader.Content, {
           title: "Filters"
         })]
-      }) : showFilters ? /*#__PURE__*/_jsxs(ModalHeader, {
+      }) : selectedHistoryKey ? /*#__PURE__*/_jsxs(ModalHeader, {
         children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-          onBack: () => setShowFilters(false)
+          onBack: selectedHistoryEventIndex !== null ? () => setSelectedHistoryEventIndex(null) : handleBackFromHistory
         }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-          title: "Event Filters"
+          title: `${selectedHistoryKey} History`,
+          centered: true
         })]
       }) : selectedConversation ? /*#__PURE__*/_jsxs(ModalHeader, {
         children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
@@ -540,13 +625,26 @@ export function StorageModalWithTabs({
               label: "Storage"
             }, {
               key: "events",
-              label: `Events${conversations.length > 0 && activeTab !== "events" ? ` (${conversations.length})` : ""}`
+              label: `Events${filteredEvents.length > 0 ? ` (${filteredEvents.length})` : ""}`
             }],
             activeTab: activeTab,
-            onTabChange: tab => setActiveTab(tab)
+            onTabChange: tab => {
+              setActiveTab(tab);
+              setSelectedHistoryKey(null);
+              setSelectedHistoryEventIndex(null);
+              setSelectedConversationKey(null);
+              setSelectedEventIndex(0);
+            }
           })
         }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
-          children: [activeTab === "browser" && !isSearchActive && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: handleToggleFilters,
+            style: [styles.iconButton, (ignoredPatterns.size > 0 || enabledStorageTypes.size < 3) && styles.activeFilterButton],
+            children: /*#__PURE__*/_jsx(Filter, {
+              size: 14,
+              color: ignoredPatterns.size > 0 || enabledStorageTypes.size < 3 ? macOSColors.semantic.debug : macOSColors.text.secondary
+            })
+          }), activeTab === "browser" && !isSearchActive && /*#__PURE__*/_jsxs(_Fragment, {
             children: [/*#__PURE__*/_jsx(TouchableOpacity, {
               onPress: () => setIsSearchActive(true),
               style: styles.iconButton,
@@ -554,33 +652,23 @@ export function StorageModalWithTabs({
                 size: 14,
                 color: macOSColors.text.secondary
               })
-            }), /*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: handleToggleStorageFilters,
-              style: [styles.iconButton, storageIgnoredPatterns.size > 0 && styles.activeFilterButton],
-              children: /*#__PURE__*/_jsx(Filter, {
-                size: 14,
-                color: storageIgnoredPatterns.size > 0 ? macOSColors.semantic.debug : macOSColors.text.secondary
-              })
+            }), /*#__PURE__*/_jsx(ToolbarCopyButton, {
+              value: getStorageSnapshot,
+              disabled: storageDataRef.current.length === 0,
+              buttonStyle: styles.iconButton
             })]
           }), activeTab === "events" && /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: handleToggleFilters,
-              style: [styles.iconButton, ignoredPatterns.size > 0 && styles.activeFilterButton],
-              children: /*#__PURE__*/_jsx(Filter, {
-                size: 14,
-                color: ignoredPatterns.size > 0 ? macOSColors.semantic.debug : macOSColors.text.secondary
-              })
+            children: [/*#__PURE__*/_jsx(ToolbarCopyButton, {
+              value: getEventsSnapshot,
+              disabled: filteredEvents.length === 0,
+              buttonStyle: styles.iconButton
             }), /*#__PURE__*/_jsx(PowerToggleButton, {
               isEnabled: isListening,
               onToggle: handleToggleListening,
               accessibilityLabel: "Toggle storage event monitoring"
-            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            }), /*#__PURE__*/_jsx(ToolbarClearButton, {
               onPress: handleClearEvents,
-              style: styles.iconButton,
-              children: /*#__PURE__*/_jsx(Trash2, {
-                size: 14,
-                color: macOSColors.semantic.error
-              })
+              buttonStyle: styles.iconButton
             })]
           })]
         })]
@@ -617,7 +705,7 @@ const styles = StyleSheet.create({
     height: 8
   },
   listContent: {
-    paddingVertical: 16
+    paddingVertical: 6
   },
   lockedBannerContainer: {
     marginTop: 8,

package/lib/typescript/storage/components/GameUIStorageBrowser.d.ts

@@ -10,7 +10,10 @@ interface GameUIStorageBrowserProps {
     onAddPattern?: (pattern: string) => void;
     searchQuery?: string;
     storageDataRef?: MutableRefObject<any[]>;
+    eventCountByKey?: Record<string, number>;
+    onViewHistory?: (key: string) => void;
+    enabledStorageTypes?: Set<'async' | 'mmkv' | 'secure'>;
 }
-export declare function GameUIStorageBrowser({ requiredStorageKeys, showFilters, ignoredPatterns, onTogglePattern, onAddPattern, searchQuery, storageDataRef, }: GameUIStorageBrowserProps): import("react").JSX.Element;
+export declare function GameUIStorageBrowser({ requiredStorageKeys, showFilters, ignoredPatterns, onTogglePattern, onAddPattern, searchQuery, storageDataRef, eventCountByKey, onViewHistory, enabledStorageTypes, }: GameUIStorageBrowserProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=GameUIStorageBrowser.d.ts.map

package/lib/typescript/storage/components/GameUIStorageBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameUIStorageBrowser.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/GameUIStorageBrowser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,gBAAgB,EACjB,MAAM,OAAO,CAAC;AASf,OAAO,EAAkB,kBAAkB,EAAmB,MAAM,UAAU,CAAC;AAgD/E,uCAAuC;AACvC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,UAAU,yBAAyB;IACjC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;CAC1C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,mBAAwB,EACxB,WAAmB,EACnB,eAA0C,EAC1C,eAAe,EACf,YAAY,EACZ,WAAgB,EAChB,cAAc,GACf,EAAE,yBAAyB,+BA6wB3B"}
+{"version":3,"file":"GameUIStorageBrowser.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/GameUIStorageBrowser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,gBAAgB,EACjB,MAAM,OAAO,CAAC;AASf,OAAO,EAAkB,kBAAkB,EAAmB,MAAM,UAAU,CAAC;AAgD/E,uCAAuC;AACvC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,UAAU,yBAAyB;IACjC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD;AAED,wBAAgB,oBAAoB,CAAC,EACnC,mBAAwB,EACxB,WAAmB,EACnB,eAA0C,EAC1C,eAAe,EACf,YAAY,EACZ,WAAgB,EAChB,cAAc,EACd,eAAe,EACf,aAAa,EACb,mBAAmB,GACpB,EAAE,yBAAyB,+BAqxB3B"}

package/lib/typescript/storage/components/StorageBrowserMode.d.ts

@@ -8,11 +8,14 @@ interface StorageBrowserModeProps {
     onAddPattern?: (pattern: string) => void;
     searchQuery?: string;
     storageDataRef?: MutableRefObject<any[]>;
+    eventCountByKey?: Record<string, number>;
+    onViewHistory?: (key: string) => void;
+    enabledStorageTypes?: Set<'async' | 'mmkv' | 'secure'>;
 }
 /**
  * Storage browser mode component
  * Displays storage keys with game UI styled interface
  */
-export declare function StorageBrowserMode({ requiredStorageKeys, showFilters, ignoredPatterns, onTogglePattern, onAddPattern, searchQuery, storageDataRef, }: StorageBrowserModeProps): import("react").JSX.Element;
+export declare function StorageBrowserMode({ requiredStorageKeys, showFilters, ignoredPatterns, onTogglePattern, onAddPattern, searchQuery, storageDataRef, eventCountByKey, onViewHistory, enabledStorageTypes, }: StorageBrowserModeProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=StorageBrowserMode.d.ts.map

package/lib/typescript/storage/components/StorageBrowserMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorageBrowserMode.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageBrowserMode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,uBAAuB;IAC/B,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;CAC1C;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,mBAAwB,EACxB,WAAmB,EACnB,eAA2B,EAC3B,eAAe,EACf,YAAY,EACZ,WAAgB,EAChB,cAAc,GACf,EAAE,uBAAuB,+BAYzB"}
+{"version":3,"file":"StorageBrowserMode.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageBrowserMode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,uBAAuB;IAC/B,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,mBAAwB,EACxB,WAAmB,EACnB,eAA2B,EAC3B,eAAe,EACf,YAAY,EACZ,WAAgB,EAChB,cAAc,EACd,eAAe,EACf,aAAa,EACb,mBAAmB,GACpB,EAAE,uBAAuB,+BAezB"}

package/lib/typescript/storage/components/StorageKeyRow.d.ts

@@ -9,7 +9,11 @@ interface StorageKeyRowProps {
     isSelected?: boolean;
     /** Callback when selection changes */
     onSelectionChange?: (storageKey: StorageKeyInfo, selected: boolean) => void;
+    /** Number of recorded events for this key */
+    eventCount?: number;
+    /** Called when "view history" is pressed */
+    onViewHistory?: () => void;
 }
-export declare function StorageKeyRow({ storageKey, isExpanded, onPress, isSelectMode, isSelected, onSelectionChange, }: StorageKeyRowProps): import("react").JSX.Element;
+export declare function StorageKeyRow({ storageKey, isExpanded, onPress, isSelectMode, isSelected, onSelectionChange, eventCount, onViewHistory, }: StorageKeyRowProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=StorageKeyRow.d.ts.map

package/lib/typescript/storage/components/StorageKeyRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorageKeyRow.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageKeyRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAyB1C,UAAU,kBAAkB;IAC1B,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7E;AA6CD,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,UAAU,EACV,OAAO,EACP,YAAoB,EACpB,UAAkB,EAClB,iBAAiB,GAClB,EAAE,kBAAkB,+BAgMpB"}
+{"version":3,"file":"StorageKeyRow.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageKeyRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAyB1C,UAAU,kBAAkB;IAC1B,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AA6CD,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,UAAU,EACV,OAAO,EACP,YAAoB,EACpB,UAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,aAAa,GACd,EAAE,kBAAkB,+BAiKpB"}

package/lib/typescript/storage/components/StorageKeySection.d.ts

@@ -11,6 +11,10 @@ interface StorageKeySectionProps {
     selectedKeys?: Set<string>;
     /** Callback when selection changes */
     onSelectionChange?: (storageKey: StorageKeyInfo, selected: boolean) => void;
+    /** Event counts per key name */
+    eventCountByKey?: Record<string, number>;
+    /** Called when "view history" is pressed for a key */
+    onViewHistory?: (key: string) => void;
 }
 /**
  * Storage key section component following composition principles [[rule3]]
@@ -20,6 +24,6 @@ interface StorageKeySectionProps {
  * - Prefer Composition over Configuration: Reuses patterns from EnvVarSection
  * - Extract Reusable Logic: Shares expansion state management pattern
  */
-export declare function StorageKeySection({ title, count, keys, emptyMessage, headerColor, isSelectMode, selectedKeys, onSelectionChange, }: StorageKeySectionProps): import("react").JSX.Element | null;
+export declare function StorageKeySection({ title, count, keys, emptyMessage, headerColor, isSelectMode, selectedKeys, onSelectionChange, eventCountByKey, onViewHistory, }: StorageKeySectionProps): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=StorageKeySection.d.ts.map

package/lib/typescript/storage/components/StorageKeySection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorageKeySection.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageKeySection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI1C,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mEAAmE;IACnE,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7E;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,YAAoB,EACpB,YAAwB,EACxB,iBAAiB,GAClB,EAAE,sBAAsB,sCA4DxB"}
+{"version":3,"file":"StorageKeySection.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageKeySection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI1C,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mEAAmE;IACnE,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,sDAAsD;IACtD,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,YAAoB,EACpB,YAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,aAAa,GACd,EAAE,sBAAsB,sCA8DxB"}

package/lib/typescript/storage/components/StorageModalWithTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorageModalWithTabs.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageModalWithTabs.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAuB9C,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC5C;AAqBD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,mBAAwB,GACzB,EAAE,yBAAyB,sCAmsB3B"}
+{"version":3,"file":"StorageModalWithTabs.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/StorageModalWithTabs.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAsB9C,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC5C;AAqBD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,mBAAwB,GACzB,EAAE,yBAAyB,sCAmyB3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/storage",
-  "version": "2.1.5",
+  "version": "2.1.8",
   "description": "storage package",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,11 +26,11 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "2.1.5",
-    "@buoy-gg/shared-ui": "2.1.5"
+    "@buoy-gg/floating-tools-core": "2.1.8",
+    "@buoy-gg/shared-ui": "2.1.8"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "2.1.5",
+    "@buoy-gg/license": "2.1.8",
     "@react-native-async-storage/async-storage": ">=1.0.0",
     "react": "*",
     "react-native": "*"
@@ -40,7 +40,7 @@
     "@types/react": "^19.1.0",
     "@types/react-native": "^0.73.0",
     "typescript": "~5.8.3",
-    "@buoy-gg/license": "2.1.5"
+    "@buoy-gg/license": "2.1.8"
   },
   "react-native-builder-bob": {
     "source": "src",