@buoy-gg/storage 7.0.40 → 7.0.42

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

@@ -1,204 +1 @@
-"use strict";
-
-import { useState, useEffect } from "react";
-import { View, Text, StyleSheet, TouchableOpacity, Alert } from "react-native";
-import { Trash2, CopyButton, CheckSquare, EyeOff, ProUpgradeModal, monoFont } from "@buoy-gg/shared-ui";
-import { macOSColors, night } from "@buoy-gg/shared-ui";
-import { useIsPro } from "@buoy-gg/license";
-import { deleteStorageKeys } from "../utils/deleteStorageKeys";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function SelectionActionBar({
-  selectedKeys,
-  mmkvInstances,
-  onDeleteComplete,
-  onHideKeys,
-  onSelectAll,
-  onClearSelection,
-  totalVisibleKeys
-}) {
-  const [showUpgradeModal, setShowUpgradeModal] = useState(false);
-  const isPro = useIsPro();
-
-  // Auto-close upgrade modal when user becomes Pro
-  useEffect(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-  const selectedCount = selectedKeys.length;
-  const allSelected = selectedCount === totalVisibleKeys && totalVisibleKeys > 0;
-
-  // Generate copy data for selected keys
-  const getCopyData = () => {
-    const data = {};
-    selectedKeys.forEach(key => {
-      const prefix = key.instanceId ? `[${key.storageType}:${key.instanceId}]` : `[${key.storageType}]`;
-      data[`${prefix} ${key.key}`] = key.value;
-    });
-    return {
-      selectedCount,
-      keys: data,
-      timestamp: new Date().toISOString()
-    };
-  };
-
-  // Hide selected keys (adds them to the filter store; non-destructive)
-  const handleHideSelected = () => {
-    if (selectedCount === 0) return;
-    onHideKeys?.(selectedKeys);
-  };
-
-  // Handle delete selected keys
-  const handleDeleteSelected = () => {
-    if (selectedCount === 0) return;
-
-    // Gate delete behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    Alert.alert("Delete Selected Keys", `Delete ${selectedCount} selected key${selectedCount > 1 ? "s" : ""}? This cannot be undone.`, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Delete",
-      style: "destructive",
-      onPress: async () => {
-        try {
-          await deleteStorageKeys(selectedKeys, mmkvInstances);
-          onDeleteComplete?.();
-        } catch (error) {
-          Alert.alert("Error", `Failed to delete keys: ${error}`);
-        }
-      }
-    }]);
-  };
-  if (selectedCount === 0) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.leftSection,
-      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: styles.selectAllButton,
-        onPress: allSelected ? onClearSelection : onSelectAll,
-        testID: "buoy-storage-select-all",
-        accessibilityLabel: allSelected ? "Deselect all keys" : "Select all keys",
-        accessibilityRole: "button",
-        children: [/*#__PURE__*/_jsx(CheckSquare, {
-          size: 14,
-          color: allSelected ? night.color.accent : night.color.textSecondary
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.selectAllText,
-          children: allSelected ? "Deselect All" : "Select All"
-        })]
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.countBadge,
-        children: /*#__PURE__*/_jsxs(Text, {
-          style: styles.countText,
-          children: [selectedCount, " selected"]
-        })
-      })]
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.actionsSection,
-      children: [/*#__PURE__*/_jsx(CopyButton, {
-        value: getCopyData(),
-        size: 14,
-        testID: "buoy-storage-selection-copy",
-        buttonStyle: styles.actionButton,
-        colors: {
-          idle: night.color.accent,
-          success: macOSColors.semantic.success,
-          error: macOSColors.semantic.error
-        }
-      }), onHideKeys && /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.actionButton,
-        onPress: handleHideSelected,
-        testID: "buoy-storage-selection-hide",
-        accessibilityLabel: "Hide selected keys",
-        accessibilityRole: "button",
-        children: /*#__PURE__*/_jsx(EyeOff, {
-          size: 14,
-          color: night.color.warning
-        })
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.actionButton,
-        onPress: handleDeleteSelected,
-        testID: "buoy-storage-selection-delete",
-        accessibilityLabel: "Delete selected keys",
-        accessibilityRole: "button",
-        children: /*#__PURE__*/_jsx(Trash2, {
-          size: 14,
-          color: night.color.danger
-        })
-      })]
-    }), /*#__PURE__*/_jsx(ProUpgradeModal, {
-      visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false),
-      featureName: "Storage Editing"
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    backgroundColor: night.color.accentSoft,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.accentBorderStrong,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    marginBottom: 10
-  },
-  leftSection: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12
-  },
-  selectAllButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingVertical: 4,
-    paddingHorizontal: 8,
-    backgroundColor: night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: night.color.border
-  },
-  selectAllText: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: night.color.textSecondary
-  },
-  countBadge: {
-    backgroundColor: night.color.accentFill,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 6
-  },
-  countText: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: night.color.accent,
-    fontFamily: monoFont
-  },
-  actionsSection: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  actionButton: {
-    width: 28,
-    height: 28,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-    backgroundColor: night.color.surface,
-    borderWidth: 1,
-    borderColor: night.color.border
-  }
-});
+"use strict";import{useState as z,useEffect as k}from"react";import{View as a,Text as h,StyleSheet as A,TouchableOpacity as f,Alert as m}from"react-native";import{Trash2 as $,CopyButton as P,CheckSquare as R,EyeOff as j,ProUpgradeModal as E,monoFont as W}from"@buoy-gg/shared-ui";import{macOSColors as p,night as e}from"@buoy-gg/shared-ui";import{useIsPro as v}from"@buoy-gg/license";import{deleteStorageKeys as F}from"../utils/deleteStorageKeys";import{jsx as o,jsxs as c}from"react/jsx-runtime";export function SelectionActionBar({selectedKeys:n,mmkvInstances:S,onDeleteComplete:x,onHideKeys:y,onSelectAll:D,onClearSelection:C,totalVisibleKeys:b}){const[d,u]=z(false);const g=v();k(()=>{if(d&&g){u(false)}},[d,g]);const r=n.length;const s=r===b&&b>0;const I=()=>{const i={};n.forEach(l=>{const T=l.instanceId?`[${l.storageType}:${l.instanceId}]`:`[${l.storageType}]`;i[`${T} ${l.key}`]=l.value});return{selectedCount:r,keys:i,timestamp:new Date().toISOString()}};const w=()=>{if(r===0)return;y?.(n)};const B=()=>{if(r===0)return;if(!g){u(true);return}m.alert("Delete Selected Keys",`Delete ${r} selected key${r>1?"s":""}? This cannot be undone.`,[{text:"Cancel",style:"cancel"},{text:"Delete",style:"destructive",onPress:async()=>{try{await F(n,S);x?.()}catch(i){m.alert("Error",`Failed to delete keys: ${i}`)}}}])};if(r===0){return null}return c(a,{style:t.container,children:[c(a,{style:t.leftSection,children:[c(f,{style:t.selectAllButton,onPress:s?C:D,testID:"buoy-storage-select-all",accessibilityLabel:s?"Deselect all keys":"Select all keys",accessibilityRole:"button",children:[o(R,{size:14,color:s?e.color.accent:e.color.textSecondary}),o(h,{style:t.selectAllText,children:s?"Deselect All":"Select All"})]}),o(a,{style:t.countBadge,children:c(h,{style:t.countText,children:[r," selected"]})})]}),c(a,{style:t.actionsSection,children:[o(P,{value:I(),size:14,testID:"buoy-storage-selection-copy",buttonStyle:t.actionButton,colors:{idle:e.color.accent,success:p.semantic.success,error:p.semantic.error}}),y&&o(f,{style:t.actionButton,onPress:w,testID:"buoy-storage-selection-hide",accessibilityLabel:"Hide selected keys",accessibilityRole:"button",children:o(j,{size:14,color:e.color.warning})}),o(f,{style:t.actionButton,onPress:B,testID:"buoy-storage-selection-delete",accessibilityLabel:"Delete selected keys",accessibilityRole:"button",children:o($,{size:14,color:e.color.danger})})]}),o(E,{visible:d,onClose:()=>u(false),featureName:"Storage Editing"})]})}const t=A.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.color.accentSoft,borderRadius:8,borderWidth:1,borderColor:e.color.accentBorderStrong,paddingHorizontal:12,paddingVertical:8,marginBottom:10},leftSection:{flexDirection:"row",alignItems:"center",gap:12},selectAllButton:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:4,paddingHorizontal:8,backgroundColor:e.color.surface,borderRadius:6,borderWidth:1,borderColor:e.color.border},selectAllText:{fontSize:11,fontWeight:"600",color:e.color.textSecondary},countBadge:{backgroundColor:e.color.accentFill,paddingHorizontal:8,paddingVertical:4,borderRadius:6},countText:{fontSize:11,fontWeight:"700",color:e.color.accent,fontFamily:W},actionsSection:{flexDirection:"row",alignItems:"center",gap:8},actionButton:{width:28,height:28,alignItems:"center",justifyContent:"center",borderRadius:6,backgroundColor:e.color.surface,borderWidth:1,borderColor:e.color.border}});

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

@@ -1,237 +1 @@
-"use strict";
-
-import { useState, useEffect } from "react";
-import { View, Text, StyleSheet, TouchableOpacity, Alert } from "react-native";
-import { Trash2, CopyButton, SquareDashed, X, ProUpgradeModal, monoFont } from "@buoy-gg/shared-ui";
-import { macOSColors, night } from "@buoy-gg/shared-ui";
-import { useIsPro } from "@buoy-gg/license";
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function StorageActionButtons({
-  copyValue,
-  mmkvInstances = [],
-  activeStorageType = "all",
-  onClearComplete,
-  isSelectMode = false,
-  onToggleSelectMode,
-  selectedCount = 0
-}) {
-  const [showUpgradeModal, setShowUpgradeModal] = useState(false);
-  const isPro = useIsPro();
-
-  // Auto-close upgrade modal when user becomes Pro
-  useEffect(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-  const handleClearAsyncStorage = () => {
-    // Gate clear behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    Alert.alert("Clear AsyncStorage", "Delete all AsyncStorage keys? This cannot be undone.", [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Clear",
-      style: "destructive",
-      onPress: async () => {
-        try {
-          await AsyncStorage.clear();
-          onClearComplete?.();
-        } catch (error) {
-          Alert.alert("Error", `Failed: ${error}`);
-        }
-      }
-    }]);
-  };
-  const handleClearMMKV = (instanceId, instanceName) => {
-    // Gate clear behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    Alert.alert(`Clear ${instanceName}`, `Delete all keys from ${instanceName}? This cannot be undone.`, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Clear",
-      style: "destructive",
-      onPress: () => {
-        try {
-          const inst = mmkvInstances.find(i => i.id === instanceId);
-          if (inst) {
-            inst.instance.clearAll();
-            onClearComplete?.();
-          }
-        } catch (error) {
-          Alert.alert("Error", `Failed: ${error}`);
-        }
-      }
-    }]);
-  };
-  const handleClearAllMMKV = () => {
-    // Gate clear behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    Alert.alert("Clear All MMKV", `Delete all keys from ${mmkvInstances.length} instances? This cannot be undone.`, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Clear All",
-      style: "destructive",
-      onPress: () => {
-        try {
-          mmkvInstances.forEach(inst => inst.instance.clearAll());
-          onClearComplete?.();
-        } catch (error) {
-          Alert.alert("Error", `Failed: ${error}`);
-        }
-      }
-    }]);
-  };
-  const handleClearAll = () => {
-    // Gate clear behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    Alert.alert("Clear All Storage", "Delete all storage data? This cannot be undone.", [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Clear All",
-      style: "destructive",
-      onPress: async () => {
-        try {
-          await AsyncStorage.clear();
-          mmkvInstances.forEach(inst => inst.instance.clearAll());
-          onClearComplete?.();
-        } catch (error) {
-          Alert.alert("Error", `Failed: ${error}`);
-        }
-      }
-    }]);
-  };
-  const showAsyncActions = activeStorageType === "all" || activeStorageType === "async";
-  const showMMKVActions = activeStorageType === "all" || activeStorageType === "mmkv";
-
-  // Determine which clear actions to show based on active filter
-  const showClearAll = activeStorageType === "all";
-  const showClearAsync = showAsyncActions && !showClearAll;
-  const showClearMMKVIndividual = showMMKVActions && !showClearAll;
-  const showClearAllMMKV = showMMKVActions && mmkvInstances.length > 1 && !showClearAll;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [onToggleSelectMode && /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: onToggleSelectMode,
-      testID: "buoy-storage-select-mode",
-      accessibilityLabel: isSelectMode ? "Exit selection mode" : "Select keys",
-      accessibilityRole: "button",
-      style: [styles.actionButton, isSelectMode && styles.actionButtonActive],
-      children: isSelectMode ? /*#__PURE__*/_jsxs(View, {
-        style: styles.selectModeActiveContainer,
-        children: [/*#__PURE__*/_jsx(X, {
-          size: 14,
-          color: night.color.accent
-        }), selectedCount > 0 && /*#__PURE__*/_jsx(Text, {
-          style: styles.selectedCountText,
-          children: selectedCount
-        })]
-      }) : /*#__PURE__*/_jsx(SquareDashed, {
-        size: 16,
-        color: night.color.textSecondary
-      })
-    }), !isSelectMode && /*#__PURE__*/_jsx(CopyButton, {
-      value: copyValue,
-      size: 16,
-      testID: "buoy-storage-export-copy",
-      buttonStyle: styles.actionButton,
-      colors: {
-        idle: night.color.textSecondary,
-        success: macOSColors.semantic.success,
-        error: macOSColors.semantic.error
-      }
-    }), !isSelectMode && showClearAll && /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: handleClearAll,
-      testID: "buoy-storage-clear-all",
-      accessibilityLabel: "Clear all storage",
-      accessibilityRole: "button",
-      style: styles.actionButton,
-      children: /*#__PURE__*/_jsx(Trash2, {
-        size: 16,
-        color: night.color.danger
-      })
-    }), !isSelectMode && showClearAsync && /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: handleClearAsyncStorage,
-      testID: "buoy-storage-clear-async",
-      accessibilityLabel: "Clear AsyncStorage",
-      accessibilityRole: "button",
-      style: styles.actionButton,
-      children: /*#__PURE__*/_jsx(Trash2, {
-        size: 16,
-        color: night.color.danger
-      })
-    }), !isSelectMode && showClearAllMMKV && /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: handleClearAllMMKV,
-      testID: "buoy-storage-clear-mmkv-all",
-      accessibilityLabel: "Clear all MMKV instances",
-      accessibilityRole: "button",
-      style: styles.actionButton,
-      children: /*#__PURE__*/_jsx(Trash2, {
-        size: 16,
-        color: night.color.danger
-      })
-    }), !isSelectMode && showClearMMKVIndividual && mmkvInstances.length === 1 && /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: () => handleClearMMKV(mmkvInstances[0].id, mmkvInstances[0].id),
-      testID: "buoy-storage-clear-mmkv",
-      accessibilityLabel: "Clear MMKV instance",
-      accessibilityRole: "button",
-      style: styles.actionButton,
-      children: /*#__PURE__*/_jsx(Trash2, {
-        size: 16,
-        color: night.color.danger
-      })
-    }), /*#__PURE__*/_jsx(ProUpgradeModal, {
-      visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false),
-      featureName: "Storage Editing"
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  actionButton: {
-    width: 32,
-    height: 32,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-    backgroundColor: night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: night.color.border
-  },
-  actionButtonActive: {
-    backgroundColor: night.color.accentSoft,
-    borderColor: night.color.accentBorderStrong
-  },
-  selectModeActiveContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 2
-  },
-  selectedCountText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: night.color.accent,
-    fontFamily: monoFont
-  }
-});
+"use strict";import{storageLabels as i}from"../utils/storageLabels";import{useState as V,useEffect as j}from"react";import{View as w,Text as k,StyleSheet as K,TouchableOpacity as y,Alert as s}from"react-native";import{Trash2 as f,CopyButton as I,SquareDashed as T,X as U,ProUpgradeModal as O,monoFont as W}from"@buoy-gg/shared-ui";import{macOSColors as D,night as t}from"@buoy-gg/shared-ui";import{useIsPro as _}from"@buoy-gg/license";import $ from"@react-native-async-storage/async-storage";import{jsx as e,jsxs as B}from"react/jsx-runtime";export function StorageActionButtons({copyValue:P,mmkvInstances:l=[],activeStorageType:u="all",onClearComplete:d,isSelectMode:a=false,onToggleSelectMode:C,selectedCount:m=0}){const[g,c]=V(false);const n=_();j(()=>{if(g&&n){c(false)}},[g,n]);const p=()=>{if(!n){c(true);return}s.alert(`Clear ${i.asyncFull}`,`Delete all ${i.asyncFull} keys? This cannot be undone.`,[{text:"Cancel",style:"cancel"},{text:"Clear",style:"destructive",onPress:async()=>{try{await $.clear();d?.()}catch(r){s.alert("Error",`Failed: ${r}`)}}}])};const E=(r,x)=>{if(!n){c(true);return}s.alert(`Clear ${x}`,`Delete all keys from ${x}? This cannot be undone.`,[{text:"Cancel",style:"cancel"},{text:"Clear",style:"destructive",onPress:()=>{try{const b=l.find(R=>R.id===r);if(b){b.instance.clearAll();d?.()}}catch(b){s.alert("Error",`Failed: ${b}`)}}}])};const F=()=>{if(!n){c(true);return}s.alert(`Clear All ${i.mmkv}`,`Delete all keys from ${l.length} instances? This cannot be undone.`,[{text:"Cancel",style:"cancel"},{text:"Clear All",style:"destructive",onPress:()=>{try{l.forEach(r=>r.instance.clearAll());d?.()}catch(r){s.alert("Error",`Failed: ${r}`)}}}])};const z=()=>{if(!n){c(true);return}s.alert("Clear All Storage","Delete all storage data? This cannot be undone.",[{text:"Cancel",style:"cancel"},{text:"Clear All",style:"destructive",onPress:async()=>{try{await $.clear();l.forEach(r=>r.instance.clearAll());d?.()}catch(r){s.alert("Error",`Failed: ${r}`)}}}])};const M=u==="all"||u==="async";const A=u==="all"||u==="mmkv";const h=u==="all";const S=M&&!h;const v=A&&!h;const L=A&&l.length>1&&!h;return B(w,{style:o.container,children:[C&&e(y,{onPress:C,testID:"buoy-storage-select-mode",accessibilityLabel:a?"Exit selection mode":"Select keys",accessibilityRole:"button",style:[o.actionButton,a&&o.actionButtonActive],children:a?B(w,{style:o.selectModeActiveContainer,children:[e(U,{size:14,color:t.color.accent}),m>0&&e(k,{style:o.selectedCountText,children:m})]}):e(T,{size:16,color:t.color.textSecondary})}),!a&&e(I,{value:P,size:16,testID:"buoy-storage-export-copy",buttonStyle:o.actionButton,colors:{idle:t.color.textSecondary,success:D.semantic.success,error:D.semantic.error}}),!a&&h&&e(y,{onPress:z,testID:"buoy-storage-clear-all",accessibilityLabel:"Clear all storage",accessibilityRole:"button",style:o.actionButton,children:e(f,{size:16,color:t.color.danger})}),!a&&S&&e(y,{onPress:p,testID:"buoy-storage-clear-async",accessibilityLabel:`Clear ${i.asyncFull}`,accessibilityRole:"button",style:o.actionButton,children:e(f,{size:16,color:t.color.danger})}),!a&&L&&e(y,{onPress:F,testID:"buoy-storage-clear-mmkv-all",accessibilityLabel:`Clear all ${i.mmkv} instances`,accessibilityRole:"button",style:o.actionButton,children:e(f,{size:16,color:t.color.danger})}),!a&&v&&l.length===1&&e(y,{onPress:()=>E(l[0].id,l[0].id),testID:"buoy-storage-clear-mmkv",accessibilityLabel:`Clear ${i.mmkv} instance`,accessibilityRole:"button",style:o.actionButton,children:e(f,{size:16,color:t.color.danger})}),e(O,{visible:g,onClose:()=>c(false),featureName:"Storage Editing"})]})}const o=K.create({container:{flexDirection:"row",alignItems:"center",gap:8},actionButton:{width:32,height:32,alignItems:"center",justifyContent:"center",borderRadius:6,backgroundColor:t.color.buttonSurface,borderWidth:1,borderColor:t.color.border},actionButtonActive:{backgroundColor:t.color.accentSoft,borderColor:t.color.accentBorderStrong},selectModeActiveContainer:{flexDirection:"row",alignItems:"center",gap:2},selectedCountText:{fontSize:10,fontWeight:"700",color:t.color.accent,fontFamily:W}});

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

@@ -1,57 +1 @@
-"use strict";
-
-import { GameUIStorageBrowser } from "./GameUIStorageBrowser";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Storage browser mode component
- * Displays storage keys with game UI styled interface
- */
-export function StorageBrowserMode({
-  requiredStorageKeys = [],
-  showFilters = false,
-  ignoredPatterns = new Set(),
-  onTogglePattern,
-  onAddPattern,
-  searchQuery = "",
-  storageDataRef,
-  eventCountByKey,
-  lastWriteByKey,
-  onViewHistory,
-  enabledStorageTypes,
-  statusFilter,
-  onStatusFilterChange,
-  onStatusCountsChange,
-  pinnedKeys,
-  onTogglePin,
-  applySafeAreaInset,
-  storageTypeFilter,
-  onStorageTypeFilterChange,
-  detailKey,
-  onOpenKey,
-  onCloseDetail
-}) {
-  return /*#__PURE__*/_jsx(GameUIStorageBrowser, {
-    requiredStorageKeys: requiredStorageKeys,
-    showFilters: showFilters,
-    ignoredPatterns: ignoredPatterns,
-    onTogglePattern: onTogglePattern,
-    onAddPattern: onAddPattern,
-    searchQuery: searchQuery,
-    storageDataRef: storageDataRef,
-    eventCountByKey: eventCountByKey,
-    lastWriteByKey: lastWriteByKey,
-    onViewHistory: onViewHistory,
-    enabledStorageTypes: enabledStorageTypes,
-    statusFilter: statusFilter,
-    onStatusFilterChange: onStatusFilterChange,
-    onStatusCountsChange: onStatusCountsChange,
-    pinnedKeys: pinnedKeys,
-    onTogglePin: onTogglePin,
-    applySafeAreaInset: applySafeAreaInset,
-    storageTypeFilter: storageTypeFilter,
-    onStorageTypeFilterChange: onStorageTypeFilterChange,
-    detailKey: detailKey,
-    onOpenKey: onOpenKey,
-    onCloseDetail: onCloseDetail
-  });
-}
+"use strict";import{GameUIStorageBrowser as T}from"./GameUIStorageBrowser";import{jsx as B}from"react/jsx-runtime";export function StorageBrowserMode({requiredStorageKeys:e=[],showFilters:t=false,ignoredPatterns:r=new Set,onTogglePattern:o,onAddPattern:a,searchQuery:n="",storageDataRef:s,eventCountByKey:i,lastWriteByKey:g,onViewHistory:l,enabledStorageTypes:y,statusFilter:p,onStatusFilterChange:u,onStatusCountsChange:S,pinnedKeys:d,onTogglePin:f,applySafeAreaInset:C,storageTypeFilter:K,onStorageTypeFilterChange:h,detailKey:m,onOpenKey:w,onCloseDetail:F}){return B(T,{requiredStorageKeys:e,showFilters:t,ignoredPatterns:r,onTogglePattern:o,onAddPattern:a,searchQuery:n,storageDataRef:s,eventCountByKey:i,lastWriteByKey:g,onViewHistory:l,enabledStorageTypes:y,statusFilter:p,onStatusFilterChange:u,onStatusCountsChange:S,pinnedKeys:d,onTogglePin:f,applySafeAreaInset:C,storageTypeFilter:K,onStorageTypeFilterChange:h,detailKey:m,onOpenKey:w,onCloseDetail:F})}

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

@@ -1,118 +1 @@
-"use strict";
-
-/**
- * StorageEventActionButton
- *
- * Action button for Storage DevTools detail view
- * Matches Redux DevTools ActionButton styling
- */
-
-import { TouchableOpacity, Text, View, StyleSheet } from "react-native";
-import { night, Lock, monoFont } from "@buoy-gg/shared-ui";
-
-// Button color configurations matching Redux/React Query pattern
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const buttonConfigs = {
-  copy: {
-    color: night.color.accent,
-    backgroundColor: night.color.accentSoft,
-    borderColor: night.color.accentBorderStrong,
-    textColor: night.color.accent
-  },
-  jump: {
-    color: night.color.warning,
-    backgroundColor: night.color.warningSoft,
-    borderColor: night.color.warning + "40",
-    textColor: night.color.warning
-  },
-  undo: {
-    color: night.color.info,
-    backgroundColor: night.color.infoSoft,
-    borderColor: night.color.info + "40",
-    textColor: night.color.info
-  }
-};
-export function StorageEventActionButton({
-  onPress,
-  text,
-  type,
-  disabled = false,
-  locked = false
-}) {
-  const config = buttonConfigs[type];
-  const isDisabledOrLocked = disabled || locked;
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    disabled: isDisabledOrLocked,
-    onPress: onPress,
-    style: [styles.button, {
-      backgroundColor: isDisabledOrLocked ? night.color.fill : config.backgroundColor,
-      borderColor: isDisabledOrLocked ? night.color.fillTertiary : config.borderColor,
-      opacity: disabled ? 0.5 : 1
-    }],
-    activeOpacity: 0.7,
-    testID: `buoy-storage-action-${type}`,
-    accessibilityRole: "button",
-    accessibilityLabel: text,
-    accessibilityState: {
-      disabled: isDisabledOrLocked
-    },
-    children: [locked ? /*#__PURE__*/_jsx(Lock, {
-      size: 10,
-      color: night.color.textTertiary,
-      style: styles.lockIcon
-    }) : /*#__PURE__*/_jsx(View, {
-      style: [styles.dot, {
-        backgroundColor: isDisabledOrLocked ? night.color.textTertiary : config.color
-      }]
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.text, {
-        color: isDisabledOrLocked ? night.color.textTertiary : config.textColor
-      }],
-      children: text
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-    borderWidth: 1,
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    height: 25,
-    minWidth: 70,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 2,
-    elevation: 2
-  },
-  dot: {
-    width: 5,
-    height: 5,
-    borderRadius: 3,
-    marginRight: 6,
-    shadowColor: night.color.text,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 2
-  },
-  lockIcon: {
-    marginRight: 4
-  },
-  text: {
-    fontSize: 10,
-    fontWeight: "600",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: monoFont,
-    height: 12
-  }
-});
+"use strict";import{TouchableOpacity as d,Text as g,View as h,StyleSheet as f}from"react-native";import{night as o,Lock as b,monoFont as u}from"@buoy-gg/shared-ui";import{jsx as i,jsxs as y}from"react/jsx-runtime";const C={copy:{color:o.color.accent,backgroundColor:o.color.accentSoft,borderColor:o.color.accentBorderStrong,textColor:o.color.accent},jump:{color:o.color.warning,backgroundColor:o.color.warningSoft,borderColor:o.color.warning+"40",textColor:o.color.warning},undo:{color:o.color.info,backgroundColor:o.color.infoSoft,borderColor:o.color.info+"40",textColor:o.color.info}};export function StorageEventActionButton({onPress:s,text:c,type:l,disabled:n=false,locked:a=false}){const r=C[l];const t=n||a;return y(d,{disabled:t,onPress:s,style:[e.button,{backgroundColor:t?o.color.fill:r.backgroundColor,borderColor:t?o.color.fillTertiary:r.borderColor,opacity:n?.5:1}],activeOpacity:.7,testID:`buoy-storage-action-${l}`,accessibilityRole:"button",accessibilityLabel:c,accessibilityState:{disabled:t},children:[a?i(b,{size:10,color:o.color.textTertiary,style:e.lockIcon}):i(h,{style:[e.dot,{backgroundColor:t?o.color.textTertiary:r.color}]}),i(g,{style:[e.text,{color:t?o.color.textTertiary:r.textColor}],children:c})]})}const e=f.create({button:{flexDirection:"row",alignItems:"center",justifyContent:"center",borderRadius:6,borderWidth:1,paddingHorizontal:12,paddingVertical:6,height:25,minWidth:70,shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2,elevation:2},dot:{width:5,height:5,borderRadius:3,marginRight:6,shadowColor:o.color.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},lockIcon:{marginRight:4},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:u,height:12}});