@buoy-gg/storage 7.0.40 → 7.0.42

package/lib/commonjs/storage/components/StorageEventFilterView.js

@@ -1,159 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StorageEventFilterView = StorageEventFilterView;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function StorageEventFilterView({
-  ignoredPatterns,
-  onTogglePattern,
-  onAddPattern,
-  availableKeys = [],
-  enabledStorageTypes,
-  onToggleStorageType
-}) {
-  const filterConfig = {
-    addFilterSection: {
-      enabled: true,
-      placeholder: "Enter key pattern to hide...",
-      title: "KEY FILTERS",
-      icon: _sharedUi.Filter
-    },
-    availableItemsSection: {
-      enabled: true,
-      title: "AVAILABLE EVENT KEYS",
-      emptyMessage: "No storage event keys available. Events will appear here once captured.",
-      items: availableKeys
-    },
-    howItWorksSection: {
-      enabled: true,
-      title: "HOW EVENT FILTERS WORK",
-      description: "Patterns hide matching storage keys from the event list. Storage type toggles control which storage backends are monitored.",
-      examples: ["• react_buoy → hides keys containing react_buoy", "• @temp → hides @temp_user, @temp_data", "• redux → hides redux-persist:root", "• AsyncStorage → show/hide AsyncStorage events", "• MMKV → show/hide MMKV events"],
-      icon: _sharedUi.Filter
-    },
-    onPatternToggle: onTogglePattern,
-    onPatternAdd: onAddPattern,
-    activePatterns: ignoredPatterns
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.storageTypeSection,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.sectionTitle,
-        children: "STORAGE TYPES"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.storageTypeButtons,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: [styles.storageTypeButton, enabledStorageTypes.has('async') && styles.storageTypeButtonActive, {
-            borderColor: _sharedUi.macOSColors.semantic.warning + '40'
-          }],
-          onPress: () => onToggleStorageType('async'),
-          testID: "buoy-storage-backend-async",
-          accessibilityRole: "button",
-          accessibilityLabel: "Toggle AsyncStorage capture",
-          accessibilityState: {
-            selected: enabledStorageTypes.has('async')
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Database, {
-            size: 16,
-            color: enabledStorageTypes.has('async') ? _sharedUi.macOSColors.semantic.warning : _sharedUi.night.color.textTertiary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.storageTypeButtonText, enabledStorageTypes.has('async') && {
-              color: _sharedUi.macOSColors.semantic.warning
-            }],
-            children: "AsyncStorage"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: [styles.storageTypeButton, enabledStorageTypes.has('mmkv') && styles.storageTypeButtonActive, {
-            borderColor: _sharedUi.macOSColors.semantic.info + '40'
-          }],
-          onPress: () => onToggleStorageType('mmkv'),
-          testID: "buoy-storage-backend-mmkv",
-          accessibilityRole: "button",
-          accessibilityLabel: "Toggle MMKV capture",
-          accessibilityState: {
-            selected: enabledStorageTypes.has('mmkv')
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HardDrive, {
-            size: 16,
-            color: enabledStorageTypes.has('mmkv') ? _sharedUi.macOSColors.semantic.info : _sharedUi.night.color.textTertiary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.storageTypeButtonText, enabledStorageTypes.has('mmkv') && {
-              color: _sharedUi.macOSColors.semantic.info
-            }],
-            children: "MMKV"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: [styles.storageTypeButton, enabledStorageTypes.has('secure') && styles.storageTypeButtonActive, {
-            borderColor: _sharedUi.macOSColors.semantic.success + '40'
-          }],
-          onPress: () => onToggleStorageType('secure'),
-          testID: "buoy-storage-backend-secure",
-          accessibilityRole: "button",
-          accessibilityLabel: "Toggle Secure Storage capture",
-          accessibilityState: {
-            selected: enabledStorageTypes.has('secure')
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Shield, {
-            size: 16,
-            color: enabledStorageTypes.has('secure') ? _sharedUi.macOSColors.semantic.success : _sharedUi.night.color.textTertiary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.storageTypeButtonText, enabledStorageTypes.has('secure') && {
-              color: _sharedUi.macOSColors.semantic.success
-            }],
-            children: "Secure Storage"
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.DynamicFilterView, {
-      ...filterConfig
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  storageTypeSection: {
-    padding: 16,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.border
-  },
-  sectionTitle: {
-    fontSize: 11,
-    fontWeight: '700',
-    color: _sharedUi.night.color.textSecondary,
-    letterSpacing: 0.8,
-    marginBottom: 12
-  },
-  storageTypeButtons: {
-    flexDirection: 'row',
-    gap: 8
-  },
-  storageTypeButton: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 6,
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  storageTypeButtonActive: {
-    backgroundColor: _sharedUi.night.color.surface
-  },
-  storageTypeButtonText: {
-    fontSize: 11,
-    fontWeight: '600',
-    color: _sharedUi.night.color.textTertiary
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.StorageEventFilterView=StorageEventFilterView;var _storageLabels=require("../utils/storageLabels");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function StorageEventFilterView({ignoredPatterns:s,onTogglePattern:o,onAddPattern:r,availableKeys:a=[],enabledStorageTypes:e,onToggleStorageType:t}){const i={addFilterSection:{enabled:true,placeholder:"Enter key pattern to hide...",title:"KEY FILTERS",icon:_sharedUi.Filter},availableItemsSection:{enabled:true,title:"AVAILABLE EVENT KEYS",emptyMessage:"No storage event keys available. Events will appear here once captured.",items:a},howItWorksSection:{enabled:true,title:"HOW EVENT FILTERS WORK",description:"Patterns hide matching storage keys from the event list. Storage type toggles control which storage backends are monitored.",examples:["\u2022 react_buoy \u2192 hides keys containing react_buoy","\u2022 @temp \u2192 hides @temp_user, @temp_data","\u2022 redux \u2192 hides redux-persist:root",`\u2022 ${_storageLabels.storageLabels.asyncFull}: show or hide captured events`,`\u2022 ${_storageLabels.storageLabels.mmkv}: show or hide captured events`],icon:_sharedUi.Filter},onPatternToggle:o,onPatternAdd:r,activePatterns:s};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.storageTypeSection,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionTitle,children:"STORAGE TYPES"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.storageTypeButtons,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.storageTypeButton,e.has("async")&&styles.storageTypeButtonActive,{borderColor:_sharedUi.macOSColors.semantic.warning+"40"}],onPress:()=>t("async"),testID:"buoy-storage-backend-async",accessibilityRole:"button",accessibilityLabel:`Toggle ${_storageLabels.storageLabels.asyncFull} capture`,accessibilityState:{selected:e.has("async")},children:[(0,_jsxRuntime.jsx)(_sharedUi.Database,{size:16,color:e.has("async")?_sharedUi.macOSColors.semantic.warning:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.storageTypeButtonText,e.has("async")&&{color:_sharedUi.macOSColors.semantic.warning}],children:_storageLabels.storageLabels.asyncFull})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.storageTypeButton,e.has("mmkv")&&styles.storageTypeButtonActive,{borderColor:_sharedUi.macOSColors.semantic.info+"40"}],onPress:()=>t("mmkv"),testID:"buoy-storage-backend-mmkv",accessibilityRole:"button",accessibilityLabel:`Toggle ${_storageLabels.storageLabels.mmkv} capture`,accessibilityState:{selected:e.has("mmkv")},children:[(0,_jsxRuntime.jsx)(_sharedUi.HardDrive,{size:16,color:e.has("mmkv")?_sharedUi.macOSColors.semantic.info:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.storageTypeButtonText,e.has("mmkv")&&{color:_sharedUi.macOSColors.semantic.info}],children:_storageLabels.storageLabels.mmkv})]}),_storageLabels.storageLabels.hasSecure&&(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.storageTypeButton,e.has("secure")&&styles.storageTypeButtonActive,{borderColor:_sharedUi.macOSColors.semantic.success+"40"}],onPress:()=>t("secure"),testID:"buoy-storage-backend-secure",accessibilityRole:"button",accessibilityLabel:"Toggle Secure Storage capture",accessibilityState:{selected:e.has("secure")},children:[(0,_jsxRuntime.jsx)(_sharedUi.Shield,{size:16,color:e.has("secure")?_sharedUi.macOSColors.semantic.success:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.storageTypeButtonText,e.has("secure")&&{color:_sharedUi.macOSColors.semantic.success}],children:"Secure Storage"})]})]})]}),(0,_jsxRuntime.jsx)(_sharedUi.DynamicFilterView,{...i})]})}const styles=_reactNative.StyleSheet.create({container:{flex:1},storageTypeSection:{padding:16,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.border},sectionTitle:{fontSize:11,fontWeight:"700",color:_sharedUi.night.color.textSecondary,letterSpacing:.8,marginBottom:12},storageTypeButtons:{flexDirection:"row",gap:8},storageTypeButton:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:10,paddingHorizontal:12,backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border},storageTypeButtonActive:{backgroundColor:_sharedUi.night.color.surface},storageTypeButtonText:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.textTertiary}});

package/lib/commonjs/storage/components/StorageEventsSection.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StorageEventsSection = StorageEventsSection;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function StorageEventsSection({
-  onPress,
-  eventCount = 0
-}) {
-  const subtitle = eventCount > 0 ? `${eventCount} events` : "Monitoring";
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CyberpunkSectionButton, {
-    id: "storage-events",
-    title: "EVENTS",
-    subtitle: subtitle,
-    icon: _sharedUi.Database,
-    iconColor: "#00E5FF",
-    iconBackgroundColor: "rgba(0, 229, 255, 0.1)",
-    onPress: onPress,
-    index: 3
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.StorageEventsSection=StorageEventsSection;var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function StorageEventsSection({onPress:t,eventCount:e=0}){const r=e>0?`${e} events`:"Monitoring";return(0,_jsxRuntime.jsx)(_sharedUi.CyberpunkSectionButton,{id:"storage-events",title:"EVENTS",subtitle:r,icon:_sharedUi.Database,iconColor:"#00E5FF",iconBackgroundColor:"rgba(0, 229, 255, 0.1)",onPress:t,index:3})}

package/lib/commonjs/storage/components/StorageFilterCards.js

@@ -1,231 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StorageFilterCards = StorageFilterCards;
-var _reactNative = require("react-native");
-var _StorageTypeFilterBar = require("./StorageTypeFilterBar");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _mmkvAvailability = require("../utils/mmkvAvailability");
-var _jsxRuntime = require("react/jsx-runtime");
-// Feature flags - set to true when implemented
-const IS_MMKV_IMPLEMENTED = true; // ✅ MMKV support is now implemented
-
-// Runtime availability checks
-const IS_MMKV_AVAILABLE = (0, _mmkvAvailability.isMMKVAvailable)();
-function StorageFilterCards({
-  stats,
-  tabStats,
-  healthPercentage,
-  healthStatus,
-  healthColor,
-  activeFilter = "all",
-  onFilterChange,
-  activeStorageType = "all",
-  onStorageTypeChange,
-  showStatus = true
-}) {
-  // Use tabStats if provided (for filtered counts), otherwise fall back to stats
-  const displayStats = tabStats || {
-    validCount: stats.presentRequiredCount + stats.optionalCount,
-    missingCount: stats.missingCount,
-    issuesCount: stats.wrongValueCount + stats.wrongTypeCount,
-    asyncCount: stats.asyncCount || 0,
-    mmkvCount: stats.mmkvCount || 0,
-    secureCount: stats.secureCount || 0,
-    totalCount: stats.totalCount
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [showStatus ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.filtersRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.filterChip, activeFilter === "all" && [styles.filterChipActive, {
-          backgroundColor: _sharedUi.night.color.accentSoft,
-          borderColor: _sharedUi.night.color.accentBorderStrong,
-          shadowColor: _sharedUi.night.color.accent
-        }]],
-        onPress: () => onFilterChange?.("all"),
-        activeOpacity: 0.8,
-        testID: "buoy-storage-status-all",
-        accessibilityRole: "button",
-        accessibilityLabel: "Valid keys",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.filterValue, {
-            color: _sharedUi.night.color.text
-          }],
-          children: displayStats.validCount
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.filterLabel,
-          children: "Valid"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.filterChip, activeFilter === "missing" && [styles.filterChipActive, {
-          backgroundColor: _sharedUi.macOSColors.semantic.error + "10",
-          borderColor: _sharedUi.macOSColors.semantic.error + "30",
-          shadowColor: _sharedUi.macOSColors.semantic.error
-        }]],
-        onPress: () => onFilterChange?.("missing"),
-        activeOpacity: 0.8,
-        testID: "buoy-storage-status-missing",
-        accessibilityRole: "button",
-        accessibilityLabel: "Missing keys",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.filterValue, {
-            color: displayStats.missingCount > 0 ? _sharedUi.macOSColors.semantic.error : _sharedUi.night.color.textTertiary
-          }],
-          children: displayStats.missingCount
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.filterLabel,
-          children: "Missing"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.filterChip, activeFilter === "issues" && [styles.filterChipActive, {
-          backgroundColor: _sharedUi.macOSColors.semantic.warning + "10",
-          borderColor: _sharedUi.macOSColors.semantic.warning + "30",
-          shadowColor: _sharedUi.macOSColors.semantic.warning
-        }]],
-        onPress: () => onFilterChange?.("issues"),
-        activeOpacity: 0.8,
-        testID: "buoy-storage-status-issues",
-        accessibilityRole: "button",
-        accessibilityLabel: "Issues keys",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.filterValue, {
-            color: displayStats.issuesCount > 0 ? _sharedUi.macOSColors.semantic.warning : _sharedUi.night.color.textTertiary
-          }],
-          children: displayStats.issuesCount
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.filterLabel,
-          children: "Issues"
-        })]
-      })]
-    }) : null, onStorageTypeChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageTypeFilterBar.StorageTypeFilterBar, {
-      active: activeStorageType,
-      onChange: onStorageTypeChange,
-      counts: {
-        all: displayStats.totalCount,
-        async: displayStats.asyncCount,
-        mmkv: displayStats.mmkvCount,
-        secure: displayStats.secureCount
-      }
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 12,
-    padding: 16,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    gap: 14,
-    shadowColor: "#000000",
-    shadowOpacity: 0.03,
-    shadowRadius: 12,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    }
-  },
-  topRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  titleLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    flexShrink: 1
-  },
-  healthDot: {
-    width: 6,
-    height: 6,
-    borderRadius: 3
-  },
-  titleText: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    letterSpacing: 0.5,
-    textTransform: "uppercase"
-  },
-  titleDivider: {
-    width: 4,
-    height: 1,
-    backgroundColor: _sharedUi.night.color.border,
-    marginHorizontal: 4
-  },
-  subtitleText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 11
-  },
-  healthBadge: {
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 6,
-    borderWidth: 1
-  },
-  healthBadgeText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontVariant: ["tabular-nums"]
-  },
-  // Health progress bar
-  healthProgressBar: {
-    height: 3,
-    borderRadius: 1.5,
-    backgroundColor: _sharedUi.night.color.bg,
-    overflow: "hidden"
-  },
-  healthProgressFill: {
-    height: 3,
-    borderRadius: 1.5
-  },
-  // Status filters
-  filtersRow: {
-    flexDirection: "row",
-    gap: 10
-  },
-  filterChip: {
-    flex: 1,
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 44
-  },
-  filterChipActive: {
-    borderWidth: 1,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 6,
-    elevation: 2,
-    transform: [{
-      scale: 1.005
-    }]
-  },
-  filterLabel: {
-    fontSize: 9,
-    color: _sharedUi.night.color.textTertiary,
-    textTransform: "uppercase",
-    letterSpacing: 0.5,
-    fontWeight: "500",
-    marginTop: 3
-  },
-  filterValue: {
-    fontSize: 18,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont,
-    lineHeight: 20
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.StorageFilterCards=StorageFilterCards;var _reactNative=require("react-native");var _StorageTypeFilterBar=require("./StorageTypeFilterBar");var _sharedUi=require("@buoy-gg/shared-ui");var _mmkvAvailability=require("../utils/mmkvAvailability");var _jsxRuntime=require("react/jsx-runtime");const IS_MMKV_IMPLEMENTED=true;const IS_MMKV_AVAILABLE=(0,_mmkvAvailability.isMMKVAvailable)();function StorageFilterCards({stats:e,tabStats:l,healthPercentage:n,healthStatus:c,healthColor:u,activeFilter:r="all",onFilterChange:o,activeStorageType:a="all",onStorageTypeChange:i,showStatus:s=true}){const t=l||{validCount:e.presentRequiredCount+e.optionalCount,missingCount:e.missingCount,issuesCount:e.wrongValueCount+e.wrongTypeCount,asyncCount:e.asyncCount||0,mmkvCount:e.mmkvCount||0,secureCount:e.secureCount||0,totalCount:e.totalCount};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[s?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.filtersRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.filterChip,r==="all"&&[styles.filterChipActive,{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong,shadowColor:_sharedUi.night.color.accent}]],onPress:()=>o?.("all"),activeOpacity:.8,testID:"buoy-storage-status-all",accessibilityRole:"button",accessibilityLabel:"Valid keys",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.filterValue,{color:_sharedUi.night.color.text}],children:t.validCount}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterLabel,children:"Valid"})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.filterChip,r==="missing"&&[styles.filterChipActive,{backgroundColor:_sharedUi.macOSColors.semantic.error+"10",borderColor:_sharedUi.macOSColors.semantic.error+"30",shadowColor:_sharedUi.macOSColors.semantic.error}]],onPress:()=>o?.("missing"),activeOpacity:.8,testID:"buoy-storage-status-missing",accessibilityRole:"button",accessibilityLabel:"Missing keys",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.filterValue,{color:t.missingCount>0?_sharedUi.macOSColors.semantic.error:_sharedUi.night.color.textTertiary}],children:t.missingCount}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterLabel,children:"Missing"})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.filterChip,r==="issues"&&[styles.filterChipActive,{backgroundColor:_sharedUi.macOSColors.semantic.warning+"10",borderColor:_sharedUi.macOSColors.semantic.warning+"30",shadowColor:_sharedUi.macOSColors.semantic.warning}]],onPress:()=>o?.("issues"),activeOpacity:.8,testID:"buoy-storage-status-issues",accessibilityRole:"button",accessibilityLabel:"Issues keys",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.filterValue,{color:t.issuesCount>0?_sharedUi.macOSColors.semantic.warning:_sharedUi.night.color.textTertiary}],children:t.issuesCount}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterLabel,children:"Issues"})]})]}):null,i&&(0,_jsxRuntime.jsx)(_StorageTypeFilterBar.StorageTypeFilterBar,{active:a,onChange:i,counts:{all:t.totalCount,async:t.asyncCount,mmkv:t.mmkvCount,secure:t.secureCount}})]})}const styles=_reactNative.StyleSheet.create({container:{backgroundColor:_sharedUi.night.color.surface,borderRadius:12,padding:16,borderWidth:1,borderColor:_sharedUi.night.color.border,gap:14,shadowColor:"#000000",shadowOpacity:.03,shadowRadius:12,shadowOffset:{width:0,height:2}},topRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},titleLeft:{flexDirection:"row",alignItems:"center",gap:8,flexShrink:1},healthDot:{width:6,height:6,borderRadius:3},titleText:{fontSize:12,fontWeight:"600",color:_sharedUi.night.color.text,letterSpacing:.5,textTransform:"uppercase"},titleDivider:{width:4,height:1,backgroundColor:_sharedUi.night.color.border,marginHorizontal:4},subtitleText:{color:_sharedUi.night.color.textTertiary,fontSize:11},healthBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1},healthBadgeText:{fontSize:10,fontWeight:"600",fontVariant:["tabular-nums"]},healthProgressBar:{height:3,borderRadius:1.5,backgroundColor:_sharedUi.night.color.bg,overflow:"hidden"},healthProgressFill:{height:3,borderRadius:1.5},filtersRow:{flexDirection:"row",gap:10},filterChip:{flex:1,backgroundColor:_sharedUi.night.color.buttonSurface,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,paddingVertical:10,paddingHorizontal:12,alignItems:"center",justifyContent:"center",minHeight:44},filterChipActive:{borderWidth:1,shadowOffset:{width:0,height:0},shadowOpacity:.1,shadowRadius:6,elevation:2,transform:[{scale:1.005}]},filterLabel:{fontSize:9,color:_sharedUi.night.color.textTertiary,textTransform:"uppercase",letterSpacing:.5,fontWeight:"500",marginTop:3},filterValue:{fontSize:18,fontWeight:"600",fontFamily:_sharedUi.monoFont,lineHeight:20}});