@buoy-gg/storage 7.0.41 → 7.0.43

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

@@ -1,1260 +1,4 @@
-"use strict";
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.FREE_TIER_KEY_LIMIT=void 0;exports.GameUIStorageBrowser=GameUIStorageBrowser;var _storageLabels=require("../utils/storageLabels");var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _StorageKeySection=require("./StorageKeySection");var _StorageKeyDetailScreen=require("./StorageKeyDetailScreen");var _StorageFilterCards=require("./StorageFilterCards");var _useAsyncStorageKeys=require("../hooks/useAsyncStorageKeys");var _AsyncStorageListener=require("../utils/AsyncStorageListener");var _useMMKVKeys=require("../hooks/useMMKVKeys");var _useSecureStoreKeys=require("../hooks/useSecureStoreKeys");var _useMMKVInstances=require("../hooks/useMMKVInstances");var _StorageSaveNotice=require("./StorageSaveNotice");var _StorageActionButtons=require("./StorageActionButtons");var _SelectionActionBar=require("./SelectionActionBar");var _MMKVListener=require("../utils/MMKVListener");var _storageBrowserRefresh=require("../utils/storageBrowserRefresh");var _deleteStorageKeys=require("../utils/deleteStorageKeys");var _setStorageValue=require("../utils/setStorageValue");var _license=require("@buoy-gg/license");var _jsxRuntime=require("react/jsx-runtime");const INSTANCE_COLORS=[_sharedUi.macOSColors.semantic.info,_sharedUi.macOSColors.semantic.success,_sharedUi.macOSColors.semantic.warning,_sharedUi.macOSColors.semantic.debug,"#FF6B9D","#00D9FF"];function getInstanceColor(M){const U=M.split("").reduce((K,P)=>K+P.charCodeAt(0),0);return INSTANCE_COLORS[U%INSTANCE_COLORS.length]}const FREE_TIER_KEY_LIMIT=exports.FREE_TIER_KEY_LIMIT=_sharedUi.TIER_LIMITS["storage.keys"].free;function GameUIStorageBrowser({requiredStorageKeys:M=[],showFilters:U=false,ignoredPatterns:K=new Set(["@react_buoy"]),onTogglePattern:P,onAddPattern:$,searchQuery:m="",storageDataRef:R,eventCountByKey:G,lastWriteByKey:Ze,onViewHistory:A,enabledStorageTypes:I,statusFilter:Y,onStatusFilterChange:J,onStatusCountsChange:X,pinnedKeys:S,onTogglePin:Z,storageTypeFilter:Q,onStorageTypeFilterChange:ee,applySafeAreaInset:fe,detailKey:q=null,onOpenKey:Se,onCloseDetail:te}){const p=(0,_license.useIsPro)();const B=(0,_sharedUi.useLimit)("storage.keys");const re=(0,_sharedUi.useLimit)("storage.mmkvInstances");const[D,T]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{if(D&&p){T(false)}},[D,p]);const[pe,be]=(0,_react.useState)("all");const L=Y!=null&&J!=null;const y=L?Y:pe;const ve=L?J:be;const[Ce,Te]=(0,_react.useState)("all");const oe=Q!=null&&ee!=null;const d=oe?Q:Ce;const xe=oe?ee:Te;const[l,se]=(0,_react.useState)(null);const we=(0,_react.useRef)(null);const Me=(0,_react.useRef)(0);const ne=(0,_react.useRef)(new Map);const _e=(0,_react.useCallback)((e,t)=>{if(t)ne.current.set(e,t);else ne.current.delete(e)},[]);const[ae,ie]=(0,_react.useState)(0);const[F,z]=(0,_react.useState)(false);const[V,x]=(0,_react.useState)(new Set);const{instances:c}=(0,_useMMKVInstances.useMMKVInstances)(false);const{storageKeys:le,isLoading:ke,error:Ke,refresh:j}=(0,_useAsyncStorageKeys.useAsyncStorageKeys)(M);const Ie=(0,_react.useMemo)(()=>c.map(e=>({instance:e.instance,id:e.id})),[c]);const{storageKeys:O,isLoading:qe,error:Be,refresh:N}=(0,_useMMKVKeys.useMultiMMKVKeys)(Ie,M);const ce=(0,_react.useMemo)(()=>{if(!l){return O}return O.filter(e=>e.instanceId===l)},[O,l]);const{storageKeys:ue,isLoading:Ve,error:je,refresh:de}=(0,_useSecureStoreKeys.useSecureStoreKeys)(M);const a=(0,_react.useMemo)(()=>{return[...le,...ce,...ue]},[le,ce,ue]);const b=(0,_react.useMemo)(()=>{if(!q)return null;const e=(0,_StorageKeySection.storageRowId)(q);return a.find(t=>(0,_StorageKeySection.storageRowId)(t)===e)??q},[q,a]);const Ne=ke||qe||Ve;const ge=Ke||Be||je;const h=(0,_react.useCallback)(()=>{j();N();de()},[j,N,de]);const w=(0,_react.useCallback)(e=>{return e.instanceId?`${e.storageType}-${e.instanceId}-${e.key}`:`${e.storageType}-${e.key}`},[]);const Ee=(0,_react.useCallback)(()=>{z(e=>{if(e){x(new Set)}return!e})},[]);const Re=(0,_react.useCallback)((e,t)=>{const r=w(e);x(u=>{const s=new Set(u);if(t){s.add(r)}else{s.delete(r)}return s})},[w]);const Ae=(0,_react.useCallback)(()=>{x(new Set);z(false);h()},[h]);const W=(0,_react.useCallback)(e=>{e.forEach(t=>$?.(t.key));x(new Set);z(false)},[$]);const H=(0,_react.useCallback)(async(e,t)=>{if(!p){T(true);throw new Error("Editing storage values is a Pro feature.")}await(0,_setStorageValue.setStorageValue)(e,t,c);h();ie(r=>r+1)},[p,c,h]);const De=(0,_react.useCallback)(e=>{void H(e,JSON.stringify(!e.value)).catch(t=>{_reactNative.Alert.alert("Couldn't save",t instanceof Error?t.message:String(t))})},[H]);const ye=(0,_react.useCallback)((e,t)=>{if(!p){T(true);return}_reactNative.Alert.alert("Delete key",`Delete "${e.key}"? This cannot be undone.`,[{text:"Cancel",style:"cancel"},{text:"Delete",style:"destructive",onPress:async()=>{try{await(0,_deleteStorageKeys.deleteStorageKeys)([e],c.map(r=>({id:r.id,instance:r.instance})));h();t?.()}catch(r){_reactNative.Alert.alert("Error",`Failed to delete key: ${r}`)}}}])},[p,c,h]);const he=(0,_react.useCallback)(e=>(0,_setStorageValue.storageEditBlockedReason)(e,c),[c]);const Le=(0,_react.useMemo)(()=>{const e=a;const t={valid:e.filter(n=>n.status==="required_present"||n.status==="optional_present").length,missing:e.filter(n=>n.status==="required_missing").length,issues:e.filter(n=>n.status==="required_wrong_value"||n.status==="required_wrong_type").length,total:e.length};const r=e.filter(n=>n.storageType==="async");const u=e.filter(n=>n.storageType==="mmkv");const s=e.filter(n=>n.storageType==="secure");return{summary:{valid:t.valid,missing:t.missing,issues:t.issues,total:t.total,timestamp:new Date().toISOString()},asyncStorage:r.reduce((n,i)=>{n[i.key]=i.value;return n},{}),mmkv:u.reduce((n,i)=>{const f=i.instanceId||"default";if(!n[f])n[f]={};n[f][i.key]=i.value;return n},{}),secure:s.reduce((n,i)=>{n[i.key]=i.value;return n},{})}},[a]);(0,_react.useEffect)(()=>{if(R){R.current=a}},[a,R]);(0,_react.useEffect)(()=>{let e;const t=(0,_AsyncStorageListener.addListener)(r=>{clearTimeout(e);e=setTimeout(()=>{j()},100)});return()=>{clearTimeout(e);t()}},[j]);(0,_react.useEffect)(()=>{let e;const t=(0,_storageBrowserRefresh.onStorageBrowserRefresh)(()=>{clearTimeout(e);e=setTimeout(h,100)});return()=>{clearTimeout(e);t()}},[h]);(0,_react.useEffect)(()=>{let e;const t=(0,_MMKVListener.addMMKVListener)(r=>{const u=l===null||r.instanceId===l;if(u){clearTimeout(e);e=setTimeout(()=>{N()},100)}});return()=>{clearTimeout(e);t()}},[N,l]);const _=(0,_react.useMemo)(()=>{const e=a;const t=e.filter(s=>!(0,_sharedUi.isDevToolsStorageKey)(s.key));const r=e.filter(s=>(0,_sharedUi.isDevToolsStorageKey)(s.key));const u={totalCount:e.length,requiredCount:t.filter(s=>s.category==="required").length,missingCount:t.filter(s=>s.status==="required_missing").length,wrongValueCount:t.filter(s=>s.status==="required_wrong_value").length,wrongTypeCount:t.filter(s=>s.status==="required_wrong_type").length,presentRequiredCount:t.filter(s=>s.status==="required_present").length,optionalCount:t.filter(s=>s.category==="optional").length,mmkvCount:e.filter(s=>s.storageType==="mmkv").length,asyncCount:e.filter(s=>s.storageType==="async").length,secureCount:e.filter(s=>s.storageType==="secure").length,devToolsCount:r.length};return u},[a]);const v=(0,_react.useMemo)(()=>{let e=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key));if(d!=="all"){e=e.filter(o=>o.storageType===d)}const t=e.filter(o=>o.status==="required_present"||o.status==="optional_present").length;const r=e.filter(o=>o.status==="required_missing").length;const u=e.filter(o=>o.status==="required_wrong_type"||o.status==="required_wrong_value").length;let s=0;let n=0;let i=0;let f=0;if(y==="all"){s=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key)&&o.storageType==="async"&&(o.status==="required_present"||o.status==="optional_present")).length;n=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key)&&o.storageType==="mmkv"&&(o.status==="required_present"||o.status==="optional_present")).length;i=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key)&&o.storageType==="secure"&&(o.status==="required_present"||o.status==="optional_present")).length;f=s+n+i}else if(y==="missing"){s=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key)&&o.storageType==="async"&&o.status==="required_missing").length;n=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key)&&o.storageType==="mmkv"&&o.status==="required_missing").length;i=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key)&&o.storageType==="secure"&&o.status==="required_missing").length;f=s+n+i}else if(y==="issues"){s=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key)&&o.storageType==="async"&&(o.status==="required_wrong_type"||o.status==="required_wrong_value")).length;n=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key)&&o.storageType==="mmkv"&&(o.status==="required_wrong_type"||o.status==="required_wrong_value")).length;i=a.filter(o=>!(0,_sharedUi.isDevToolsStorageKey)(o.key)&&o.storageType==="secure"&&(o.status==="required_wrong_type"||o.status==="required_wrong_value")).length;f=s+n+i}return{validCount:t,missingCount:r,issuesCount:u,asyncCount:s,mmkvCount:n,secureCount:i,totalCount:f}},[a,y,d]);(0,_react.useEffect)(()=>{X?.({validCount:v.validCount,missingCount:v.missingCount,issuesCount:v.issuesCount})},[X,v.validCount,v.missingCount,v.issuesCount]);const me=(0,_react.useMemo)(()=>{return[...a].sort((e,t)=>{const r={required_missing:1,required_wrong_type:2,required_wrong_value:3,required_present:4,optional_present:5};return(r[e.status]||999)-(r[t.status]||999)})},[a]);const Qe=(0,_react.useMemo)(()=>{return Array.from(new Set(a.map(e=>e.key))).sort()},[a]);const g=(0,_react.useMemo)(()=>{let e=me;if(I&&I.size>0){e=e.filter(t=>I.has(t.storageType))}e=e.filter(t=>{const r=Array.from(K).some(u=>t.key.includes(u));return!r});if(m){const t=m.toLowerCase();e=e.filter(r=>r.key.toLowerCase().includes(t))}switch(y){case"all":e=e.filter(t=>t.status==="required_present"||t.status==="optional_present");break;case"missing":e=e.filter(t=>t.status==="required_missing");break;case"issues":e=e.filter(t=>t.status==="required_wrong_type"||t.status==="required_wrong_value");break}if(d!=="all"){e=e.filter(t=>t.storageType===d)}if(S&&S.size>0){const t=e.filter(u=>S.has(u.key));const r=e.filter(u=>!S.has(u.key));e=[...t,...r]}return e},[me,y,d,K,m,l,I,S]);const C=(0,_react.useMemo)(()=>g.slice(0,B),[g,B]);const E=(0,_react.useMemo)(()=>{return Math.max(0,g.length-B)},[g.length,B]);const Fe=E>0;const et=(0,_react.useMemo)(()=>{const e=g.filter(r=>!(0,_sharedUi.isDevToolsStorageKey)(r.key));const t={totalCount:g.length,requiredCount:e.filter(r=>r.category==="required").length,missingCount:e.filter(r=>r.status==="required_missing").length,wrongValueCount:e.filter(r=>r.status==="required_wrong_value").length,wrongTypeCount:e.filter(r=>r.status==="required_wrong_type").length,presentRequiredCount:e.filter(r=>r.status==="required_present").length,optionalCount:e.filter(r=>r.category==="optional").length,mmkvCount:g.filter(r=>r.storageType==="mmkv").length,asyncCount:g.filter(r=>r.storageType==="async").length,secureCount:g.filter(r=>r.storageType==="secure").length,devToolsCount:g.filter(r=>(0,_sharedUi.isDevToolsStorageKey)(r.key)).length};return t},[g]);const ze=(0,_react.useMemo)(()=>{return C.filter(e=>V.has(w(e)))},[C,V,w]);const Oe=(0,_react.useCallback)(()=>{const e=new Set(C.map(w));x(e)},[C,w]);const We=(0,_react.useCallback)(()=>{x(new Set)},[]);const k=_.requiredCount>0?Math.round(_.presentRequiredCount/_.requiredCount*100):_.totalCount>0?100:0;const He=k>=90?"OPTIMAL":k>=70?"WARNING":"CRITICAL";const Ue=k>=90?_sharedUi.gameUIColors.success:k>=70?_sharedUi.gameUIColors.warning:_sharedUi.gameUIColors.error;if(b){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.root,children:(0,_jsxRuntime.jsx)(_StorageKeyDetailScreen.StorageKeyDetailScreen,{storageKey:b,editBlockedReason:he(b),eventCount:G?.[b.key],onSave:e=>H(b,e),onViewHistory:A?()=>A(b.key):void 0,onDeleteKey:e=>ye(e,()=>te?.()),onHideKey:e=>{W([e]);te?.()},isPinned:S?.has(b.key)??false,onTogglePin:Z,applySafeAreaInset:fe})})}if(Ne&&a.length===0){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.emptyState,children:[(0,_jsxRuntime.jsx)(_sharedUi.Database,{size:48,color:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyTitle,children:"Loading storage keys..."})]})}if(ge){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.emptyState,children:[(0,_jsxRuntime.jsx)(_sharedUi.Database,{size:48,color:_sharedUi.gameUIColors.error}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.emptyTitle,{color:_sharedUi.gameUIColors.error}],children:"Error loading storage"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptySubtitle,children:ge.message})]})}const Pe=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[d==="mmkv"&&c.length===0&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.emptyMMKVState,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyMMKVTitle,children:"No MMKV Instances Detected"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyMMKVSubtitle,children:"MMKV instances must be registered with registerMMKVInstance()"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyMMKVCode,children:`import { registerMMKVInstance } from '@buoy-gg/storage';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FREE_TIER_KEY_LIMIT = void 0;
-exports.GameUIStorageBrowser = GameUIStorageBrowser;
-var _storageLabels = require("../utils/storageLabels");
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _StorageKeySection = require("./StorageKeySection");
-var _StorageKeyDetailScreen = require("./StorageKeyDetailScreen");
-var _StorageFilterCards = require("./StorageFilterCards");
-var _useAsyncStorageKeys = require("../hooks/useAsyncStorageKeys");
-var _AsyncStorageListener = require("../utils/AsyncStorageListener");
-var _useMMKVKeys = require("../hooks/useMMKVKeys");
-var _useSecureStoreKeys = require("../hooks/useSecureStoreKeys");
-var _useMMKVInstances = require("../hooks/useMMKVInstances");
-var _StorageSaveNotice = require("./StorageSaveNotice");
-var _StorageActionButtons = require("./StorageActionButtons");
-var _SelectionActionBar = require("./SelectionActionBar");
-var _MMKVListener = require("../utils/MMKVListener");
-var _storageBrowserRefresh = require("../utils/storageBrowserRefresh");
-var _deleteStorageKeys = require("../utils/deleteStorageKeys");
-var _setStorageValue = require("../utils/setStorageValue");
-var _license = require("@buoy-gg/license");
-var _jsxRuntime = require("react/jsx-runtime");
-// Pure JS (no react-native-mmkv dependency) — works with any registered
-// instance, including remote-backed wrappers on the desktop dashboard.
-
-// Import shared Game UI components
-
-// MMKV Instance color palette - consistent colors per instance
-const INSTANCE_COLORS = [_sharedUi.macOSColors.semantic.info,
-// Blue
-_sharedUi.macOSColors.semantic.success,
-// Green
-_sharedUi.macOSColors.semantic.warning,
-// Orange
-_sharedUi.macOSColors.semantic.debug,
-// Purple
-'#FF6B9D',
-// Pink
-'#00D9FF' // Cyan
-];
-
-/**
- * Get consistent color for an MMKV instance based on its ID
- * Uses simple hash to ensure same instance always gets same color
- */
-function getInstanceColor(instanceId) {
-  const hash = instanceId.split('').reduce((acc, char) => acc + char.charCodeAt(0), 0);
-  return INSTANCE_COLORS[hash % INSTANCE_COLORS.length];
-}
-
-/**
- * @deprecated Read the live limit with `useLimit("storage.keys")` — this only
- * reports the FREE tier's value and is blind to the anonymous tier. Kept
- * because it is part of the package's public exports.
- */
-const FREE_TIER_KEY_LIMIT = exports.FREE_TIER_KEY_LIMIT = _sharedUi.TIER_LIMITS["storage.keys"].free;
-function GameUIStorageBrowser({
-  requiredStorageKeys = [],
-  showFilters = false,
-  ignoredPatterns = new Set(["@react_buoy"]),
-  onTogglePattern,
-  onAddPattern,
-  searchQuery = "",
-  storageDataRef,
-  eventCountByKey,
-  lastWriteByKey,
-  onViewHistory,
-  enabledStorageTypes,
-  statusFilter,
-  onStatusFilterChange,
-  onStatusCountsChange,
-  pinnedKeys,
-  onTogglePin,
-  storageTypeFilter,
-  onStorageTypeFilterChange,
-  applySafeAreaInset,
-  detailKey = null,
-  onOpenKey,
-  onCloseDetail
-}) {
-  const isPro = (0, _license.useIsPro)();
-  const keyLimit = (0, _sharedUi.useLimit)("storage.keys");
-  const mmkvInstanceLimit = (0, _sharedUi.useLimit)("storage.mmkvInstances");
-  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
-
-  // Auto-close upgrade modal when user becomes Pro
-  (0, _react.useEffect)(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-  const [internalFilter, setInternalFilter] = (0, _react.useState)("all");
-  // Controlled when the host supplies both halves; uncontrolled otherwise.
-  const isFilterControlled = statusFilter != null && onStatusFilterChange != null;
-  const activeFilter = isFilterControlled ? statusFilter : internalFilter;
-  const setActiveFilter = isFilterControlled ? onStatusFilterChange : setInternalFilter;
-  const [internalStorageType, setInternalStorageType] = (0, _react.useState)("all");
-  // Controlled when the host supplies both halves — the modal does, so the
-  // Events tab shows the same backend you picked here.
-  const isStorageTypeControlled = storageTypeFilter != null && onStorageTypeFilterChange != null;
-  const activeStorageType = isStorageTypeControlled ? storageTypeFilter : internalStorageType;
-  const setActiveStorageType = isStorageTypeControlled ? onStorageTypeFilterChange : setInternalStorageType;
-  const [selectedMMKVInstance, setSelectedMMKVInstance] = (0, _react.useState)(null);
-  const scrollRef = (0, _react.useRef)(null);
-  const scrollOffsetRef = (0, _react.useRef)(0);
-  const rowNodesRef = (0, _react.useRef)(new Map());
-  const handleRowRef = (0, _react.useCallback)((id, node) => {
-    if (node) rowNodesRef.current.set(id, node);else rowNodesRef.current.delete(id);
-  }, []);
-
-  /**
-   * Shown after every successful write, with the same sentence every time.
-   *
-   * An earlier version looked up which live store owned the key and offered to
-   * make that store re-read it. That required knowing what is linked to what,
-   * and every route to that knowledge is a guess — key names collide across
-   * backends, only zustand stores register at all, and a store can register
-   * after the lookup ran. A message that is right most of the time is the
-   * problem this tool has, not the fix for it.
-   *
-   * There is also no general mechanism to find: the app owns its cache, and
-   * only the app can invalidate it. So the tool promises the one thing that is
-   * true for every key, every backend and every persistence library — this is
-   * what loads next launch — and "make it live now" lives in the state tools,
-   * where the store you mean is the one you are looking at.
-   */
-  /**
-   * Bumped on every save rather than flipped to `true`.
-   *
-   * The toast unmounts itself when it fades, and a boolean already `true` would
-   * not change on the next save — so a second edit would show nothing. The
-   * counter is the toast's `key`, so each save mounts a fresh one and the
-   * animation restarts from the beginning.
-   */
-  const [saveToastId, setSaveToastId] = (0, _react.useState)(0);
-
-  // Selection mode state
-  const [isSelectMode, setIsSelectMode] = (0, _react.useState)(false);
-  const [selectedKeyIds, setSelectedKeyIds] = (0, _react.useState)(new Set());
-
-  // Get all MMKV instances
-  const {
-    instances: mmkvInstances
-  } = (0, _useMMKVInstances.useMMKVInstances)(false);
-
-  // REMOVED: Auto-selection is now handled by the instance navbar
-  // Users can manually select an instance from the navbar if they want to filter by instance
-  // By default, selectedMMKVInstance is null, which shows ALL MMKV keys
-
-  // Use AsyncStorage hook
-  const {
-    storageKeys: asyncStorageKeys,
-    isLoading: isLoadingAsync,
-    error: asyncError,
-    refresh: refreshAsync
-  } = (0, _useAsyncStorageKeys.useAsyncStorageKeys)(requiredStorageKeys);
-
-  // Memoize the instances array to prevent infinite re-renders
-  const mmkvInstancesForHook = (0, _react.useMemo)(() => mmkvInstances.map(inst => ({
-    instance: inst.instance,
-    id: inst.id
-  })), [mmkvInstances]);
-
-  // Use MMKV hook - always fetch from ALL instances, then filter by selected instance
-  const {
-    storageKeys: allMMKVKeys,
-    isLoading: isLoadingMMKV,
-    error: mmkvError,
-    refresh: refreshMMKV
-  } = (0, _useMMKVKeys.useMultiMMKVKeys)(mmkvInstancesForHook, requiredStorageKeys);
-
-  // Filter MMKV keys by selected instance (if one is selected)
-  const mmkvStorageKeys = (0, _react.useMemo)(() => {
-    if (!selectedMMKVInstance) {
-      return allMMKVKeys; // Show all MMKV keys
-    }
-    return allMMKVKeys.filter(k => k.instanceId === selectedMMKVInstance);
-  }, [allMMKVKeys, selectedMMKVInstance]);
-
-  // Use SecureStore hook — only surfaces keys declared via registerSecureStoreKeys()
-  const {
-    storageKeys: secureStorageKeys,
-    isLoading: isLoadingSecure,
-    error: secureError,
-    refresh: refreshSecure
-  } = (0, _useSecureStoreKeys.useSecureStoreKeys)(requiredStorageKeys);
-
-  // Merge storage keys from AsyncStorage, MMKV, and SecureStore
-  const allStorageKeys = (0, _react.useMemo)(() => {
-    return [...asyncStorageKeys, ...mmkvStorageKeys, ...secureStorageKeys];
-  }, [asyncStorageKeys, mmkvStorageKeys, secureStorageKeys]);
-
-  /**
-   * The CURRENT snapshot of the key the detail screen is open on. `detailKey`
-   * is only an identity — resolving it fresh each pass is what makes the
-   * detail screen live: the app writes, the snapshot refreshes, the screen
-   * follows. Falls back to the captured info because the backend hooks
-   * transiently EMPTY their lists mid-refresh — treating "missing from this
-   * render's list" as "deleted" closed the screen the moment it opened, so
-   * absence here is never acted on (deletion closes explicitly, from the
-   * delete flow itself).
-   */
-  const detailInfo = (0, _react.useMemo)(() => {
-    if (!detailKey) return null;
-    const id = (0, _StorageKeySection.storageRowId)(detailKey);
-    return allStorageKeys.find(k => (0, _StorageKeySection.storageRowId)(k) === id) ?? detailKey;
-  }, [detailKey, allStorageKeys]);
-
-  // Determine loading and error states
-  const isLoading = isLoadingAsync || isLoadingMMKV || isLoadingSecure;
-  const error = asyncError || mmkvError || secureError;
-
-  // Combined refresh function
-  const refresh = (0, _react.useCallback)(() => {
-    refreshAsync();
-    refreshMMKV();
-    refreshSecure();
-  }, [refreshAsync, refreshMMKV, refreshSecure]);
-
-  // Generate unique identifier for a storage key
-  const getKeyIdentifier = (0, _react.useCallback)(storageKey => {
-    return storageKey.instanceId ? `${storageKey.storageType}-${storageKey.instanceId}-${storageKey.key}` : `${storageKey.storageType}-${storageKey.key}`;
-  }, []);
-
-  // Toggle select mode
-  const handleToggleSelectMode = (0, _react.useCallback)(() => {
-    setIsSelectMode(prev => {
-      if (prev) {
-        // When exiting select mode, clear selection
-        setSelectedKeyIds(new Set());
-      }
-      return !prev;
-    });
-  }, []);
-
-  // Handle selection change for a single key
-  const handleSelectionChange = (0, _react.useCallback)((storageKey, selected) => {
-    const keyId = getKeyIdentifier(storageKey);
-    setSelectedKeyIds(prev => {
-      const newSet = new Set(prev);
-      if (selected) {
-        newSet.add(keyId);
-      } else {
-        newSet.delete(keyId);
-      }
-      return newSet;
-    });
-  }, [getKeyIdentifier]);
-
-  // Clear selection and exit select mode after deletion
-  const handleDeleteComplete = (0, _react.useCallback)(() => {
-    setSelectedKeyIds(new Set());
-    setIsSelectMode(false);
-    refresh();
-  }, [refresh]);
-
-  // Hide the selected keys by adding each to the ignored-pattern filter store,
-  // then exit selection mode. Non-destructive — keys can be unhidden from the
-  // filters UI.
-  const handleHideKeys = (0, _react.useCallback)(keys => {
-    keys.forEach(k => onAddPattern?.(k.key));
-    setSelectedKeyIds(new Set());
-    setIsSelectMode(false);
-  }, [onAddPattern]);
-
-  /**
-   * Write an edited value back to the device.
-   *
-   * Pro is checked here rather than on the Edit button because the technical
-   * blocks (`storageEditBlockedReason`) and the licence are different kinds of
-   * "no": the former means this key can never be edited and the row says so
-   * permanently, the latter is an upsell. Throwing lets the editor keep the
-   * draft on screen instead of discarding what was typed.
-   */
-  const handleSaveValue = (0, _react.useCallback)(async (storageKey, raw) => {
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      throw new Error("Editing storage values is a Pro feature.");
-    }
-    await (0, _setStorageValue.setStorageValue)(storageKey, raw, mmkvInstances);
-    refresh();
-    setSaveToastId(id => id + 1);
-  }, [isPro, mmkvInstances, refresh]);
-
-  /**
-   * Flip a boolean key straight from its card.
-   *
-   * Goes through `handleSaveValue` like every other write, so the Pro gate and
-   * the type preservation are the same ones the editor uses — this is only a
-   * shortcut past the UI, not past the rules.
-   */
-  const handleToggleKey = (0, _react.useCallback)(storageKey => {
-    void handleSaveValue(storageKey, JSON.stringify(!storageKey.value)).catch(e => {
-      _reactNative.Alert.alert("Couldn't save", e instanceof Error ? e.message : String(e));
-    });
-  }, [handleSaveValue]);
-
-  /**
-   * Delete ONE key, from its own card.
-   *
-   * Routed through `deleteStorageKeys` exactly like the selection bar, so the
-   * per-backend fan-out keeps having a single implementation — the last time
-   * that fan-out was wrong (an MMKV method renamed upstream) it was wrong in
-   * silence, and a second copy is how one backend quietly stops being deleted.
-   *
-   * Pro is checked here rather than on the button because it's an upsell, not
-   * a capability: the row shows the action and explains the wall on press.
-   */
-  const handleDeleteKey = (0, _react.useCallback)((storageKey, onDeleted) => {
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    _reactNative.Alert.alert("Delete key", `Delete "${storageKey.key}"? This cannot be undone.`, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Delete",
-      style: "destructive",
-      onPress: async () => {
-        try {
-          await (0, _deleteStorageKeys.deleteStorageKeys)([storageKey], mmkvInstances.map(inst => ({
-            id: inst.id,
-            instance: inst.instance
-          })));
-          refresh();
-          // Only after the delete actually landed — a cancelled alert
-          // or a failed delete leaves the caller's screen alone.
-          onDeleted?.();
-        } catch (error) {
-          _reactNative.Alert.alert("Error", `Failed to delete key: ${error}`);
-        }
-      }
-    }]);
-  }, [isPro, mmkvInstances, refresh]);
-
-  /** Permanent, per-key reasons a value can't be edited (never the licence). */
-  const editBlockedFor = (0, _react.useCallback)(storageKey => (0, _setStorageValue.storageEditBlockedReason)(storageKey, mmkvInstances), [mmkvInstances]);
-
-  // Memoized export data for copy functionality
-  const copyExportData = (0, _react.useMemo)(() => {
-    const allKeys = allStorageKeys;
-
-    // Calculate stats
-    const stats = {
-      valid: allKeys.filter(k => k.status === 'required_present' || k.status === 'optional_present').length,
-      missing: allKeys.filter(k => k.status === 'required_missing').length,
-      issues: allKeys.filter(k => k.status === 'required_wrong_value' || k.status === 'required_wrong_type').length,
-      total: allKeys.length
-    };
-
-    // Group by storage type
-    const asyncKeys = allKeys.filter(k => k.storageType === 'async');
-    const mmkvKeys = allKeys.filter(k => k.storageType === 'mmkv');
-    const secureKeys = allKeys.filter(k => k.storageType === 'secure');
-
-    // Build structured export
-    return {
-      summary: {
-        valid: stats.valid,
-        missing: stats.missing,
-        issues: stats.issues,
-        total: stats.total,
-        timestamp: new Date().toISOString()
-      },
-      asyncStorage: asyncKeys.reduce((acc, k) => {
-        acc[k.key] = k.value;
-        return acc;
-      }, {}),
-      mmkv: mmkvKeys.reduce((acc, k) => {
-        const instanceId = k.instanceId || 'default';
-        if (!acc[instanceId]) acc[instanceId] = {};
-        acc[instanceId][k.key] = k.value;
-        return acc;
-      }, {}),
-      secure: secureKeys.reduce((acc, k) => {
-        acc[k.key] = k.value;
-        return acc;
-      }, {})
-    };
-  }, [allStorageKeys]);
-
-  // Update storage data ref for copy functionality
-  (0, _react.useEffect)(() => {
-    if (storageDataRef) {
-      storageDataRef.current = allStorageKeys;
-    }
-  }, [allStorageKeys, storageDataRef]);
-
-  // Auto-refresh on storage events (AsyncStorage)
-  (0, _react.useEffect)(() => {
-    let timeoutId;
-    const unsubscribe = (0, _AsyncStorageListener.addListener)(event => {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(() => {
-        refreshAsync(); // Auto-refresh AsyncStorage when it changes
-      }, 100); // 100ms debounce
-    });
-    return () => {
-      clearTimeout(timeoutId);
-      unsubscribe();
-    };
-  }, [refreshAsync]);
-
-  // Auto-refresh when something outside this component knows the underlying
-  // storage changed. On device the listeners above cover it; in remote-mirror
-  // mode (desktop dashboard) local capture is suppressed and they never fire,
-  // so the dashboard signals each incoming device snapshot this way — without
-  // it the browse tab is frozen at whatever it read on mount.
-  (0, _react.useEffect)(() => {
-    let timeoutId;
-    const unsubscribe = (0, _storageBrowserRefresh.onStorageBrowserRefresh)(() => {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(refresh, 100);
-    });
-    return () => {
-      clearTimeout(timeoutId);
-      unsubscribe();
-    };
-  }, [refresh]);
-
-  // Auto-refresh on MMKV storage events
-  (0, _react.useEffect)(() => {
-    let timeoutId;
-    const unsubscribe = (0, _MMKVListener.addMMKVListener)(event => {
-      // Refresh when the changed instance is one we're actually showing.
-      // `selectedMMKVInstance` is null by default ("All instances"), so
-      // comparing it to event.instanceId directly was never true for the view
-      // every user starts on — MMKV values sat stale in the browse list until
-      // it remounted, even though the write was recorded in Events.
-      const affectsView = selectedMMKVInstance === null || event.instanceId === selectedMMKVInstance;
-      if (affectsView) {
-        clearTimeout(timeoutId);
-        timeoutId = setTimeout(() => {
-          refreshMMKV(); // Auto-refresh MMKV when it changes
-        }, 100); // 100ms debounce
-      }
-    });
-    return () => {
-      clearTimeout(timeoutId);
-      unsubscribe();
-    };
-  }, [refreshMMKV, selectedMMKVInstance]);
-
-  // Calculate stats from ALL keys (not filtered) - base stats for display
-  const stats = (0, _react.useMemo)(() => {
-    const allKeys = allStorageKeys;
-    const appKeys = allKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key));
-    const devKeys = allKeys.filter(k => (0, _sharedUi.isDevToolsStorageKey)(k.key));
-    const storageStats = {
-      totalCount: allKeys.length,
-      requiredCount: appKeys.filter(k => k.category === "required").length,
-      missingCount: appKeys.filter(k => k.status === "required_missing").length,
-      wrongValueCount: appKeys.filter(k => k.status === "required_wrong_value").length,
-      wrongTypeCount: appKeys.filter(k => k.status === "required_wrong_type").length,
-      presentRequiredCount: appKeys.filter(k => k.status === "required_present").length,
-      optionalCount: appKeys.filter(k => k.category === "optional").length,
-      // Count keys by their actual storageType property
-      mmkvCount: allKeys.filter(k => k.storageType === "mmkv").length,
-      asyncCount: allKeys.filter(k => k.storageType === "async").length,
-      secureCount: allKeys.filter(k => k.storageType === "secure").length,
-      devToolsCount: devKeys.length
-    };
-    return storageStats;
-  }, [allStorageKeys]);
-
-  // Calculate stats for tab badges based on current filters
-  const tabStats = (0, _react.useMemo)(() => {
-    // Start with all keys, excluding devtools keys
-    let keysForStats = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key));
-
-    // If a specific storage type is selected, filter by that type first
-    if (activeStorageType !== "all") {
-      keysForStats = keysForStats.filter(k => k.storageType === activeStorageType);
-    }
-
-    // Calculate status counts from filtered keys
-    const validCount = keysForStats.filter(k => k.status === "required_present" || k.status === "optional_present").length;
-    const missingCount = keysForStats.filter(k => k.status === "required_missing").length;
-    const issuesCount = keysForStats.filter(k => k.status === "required_wrong_type" || k.status === "required_wrong_value").length;
-
-    // Calculate storage type counts based on active status filter
-    let asyncCount = 0;
-    let mmkvCount = 0;
-    let secureCount = 0;
-    let totalCount = 0;
-    if (activeFilter === "all") {
-      // Valid: only keys with valid status
-      asyncCount = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key) && k.storageType === "async" && (k.status === "required_present" || k.status === "optional_present")).length;
-      mmkvCount = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key) && k.storageType === "mmkv" && (k.status === "required_present" || k.status === "optional_present")).length;
-      secureCount = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key) && k.storageType === "secure" && (k.status === "required_present" || k.status === "optional_present")).length;
-      totalCount = asyncCount + mmkvCount + secureCount;
-    } else if (activeFilter === "missing") {
-      // Missing: only keys with missing status
-      asyncCount = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key) && k.storageType === "async" && k.status === "required_missing").length;
-      mmkvCount = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key) && k.storageType === "mmkv" && k.status === "required_missing").length;
-      secureCount = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key) && k.storageType === "secure" && k.status === "required_missing").length;
-      totalCount = asyncCount + mmkvCount + secureCount;
-    } else if (activeFilter === "issues") {
-      // Issues: only keys with issue status
-      asyncCount = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key) && k.storageType === "async" && (k.status === "required_wrong_type" || k.status === "required_wrong_value")).length;
-      mmkvCount = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key) && k.storageType === "mmkv" && (k.status === "required_wrong_type" || k.status === "required_wrong_value")).length;
-      secureCount = allStorageKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key) && k.storageType === "secure" && (k.status === "required_wrong_type" || k.status === "required_wrong_value")).length;
-      totalCount = asyncCount + mmkvCount + secureCount;
-    }
-    return {
-      validCount,
-      missingCount,
-      issuesCount,
-      asyncCount,
-      mmkvCount,
-      secureCount,
-      totalCount
-    };
-  }, [allStorageKeys, activeFilter, activeStorageType]);
-
-  // Push the status counts to a host toolbar that renders them (desktop).
-  (0, _react.useEffect)(() => {
-    onStatusCountsChange?.({
-      validCount: tabStats.validCount,
-      missingCount: tabStats.missingCount,
-      issuesCount: tabStats.issuesCount
-    });
-  }, [onStatusCountsChange, tabStats.validCount, tabStats.missingCount, tabStats.issuesCount]);
-
-  // Sort all keys by priority (issues first)
-  const sortedKeys = (0, _react.useMemo)(() => {
-    // Sort by status priority: errors first, then warnings, then valid
-    return [...allStorageKeys].sort((a, b) => {
-      const priorityMap = {
-        required_missing: 1,
-        required_wrong_type: 2,
-        required_wrong_value: 3,
-        required_present: 4,
-        optional_present: 5
-      };
-      return (priorityMap[a.status] || 999) - (priorityMap[b.status] || 999);
-    });
-  }, [allStorageKeys]);
-
-  // Get all unique keys for filter suggestions
-  const allUniqueKeys = (0, _react.useMemo)(() => {
-    return Array.from(new Set(allStorageKeys.map(k => k.key))).sort();
-  }, [allStorageKeys]);
-
-  // Filter keys based on active filter, storage type, ignored patterns, and search
-  const filteredKeys = (0, _react.useMemo)(() => {
-    let keys = sortedKeys;
-
-    // Apply enabled storage types filter (from parent unified filter)
-    if (enabledStorageTypes && enabledStorageTypes.size > 0) {
-      keys = keys.filter(k => enabledStorageTypes.has(k.storageType));
-    }
-
-    // Apply ignored pattern filter
-    keys = keys.filter(k => {
-      // Check if key matches any ignored pattern
-      const shouldIgnore = Array.from(ignoredPatterns).some(pattern => k.key.includes(pattern));
-      return !shouldIgnore;
-    });
-
-    // Apply search filter
-    if (searchQuery) {
-      const query = searchQuery.toLowerCase();
-      keys = keys.filter(k => k.key.toLowerCase().includes(query));
-    }
-
-    // Apply status filter
-    switch (activeFilter) {
-      case "all":
-        // "All" (Valid) shows only keys without issues
-        keys = keys.filter(k => k.status === "required_present" || k.status === "optional_present");
-        break;
-      case "missing":
-        keys = keys.filter(k => k.status === "required_missing");
-        break;
-      case "issues":
-        keys = keys.filter(k => k.status === "required_wrong_type" || k.status === "required_wrong_value");
-        break;
-    }
-
-    // Apply storage type filter
-    if (activeStorageType !== "all") {
-      keys = keys.filter(k => k.storageType === activeStorageType);
-    }
-
-    // NOTE: MMKV instance filtering is now handled in mmkvStorageKeys memo (line 128)
-    // No need to filter again here
-
-    // Float pinned keys to the top (stable — preserves existing order otherwise)
-    if (pinnedKeys && pinnedKeys.size > 0) {
-      const pinned = keys.filter(k => pinnedKeys.has(k.key));
-      const rest = keys.filter(k => !pinnedKeys.has(k.key));
-      keys = [...pinned, ...rest];
-    }
-    return keys;
-  }, [sortedKeys, activeFilter, activeStorageType, ignoredPatterns, searchQuery, selectedMMKVInstance, enabledStorageTypes, pinnedKeys]);
-
-  // Pro is Infinity here, so slice() returns everything.
-  const visibleKeys = (0, _react.useMemo)(() => filteredKeys.slice(0, keyLimit), [filteredKeys, keyLimit]);
-
-  // Calculate how many keys are locked (only those matching current filter)
-  const lockedKeyCount = (0, _react.useMemo)(() => {
-    return Math.max(0, filteredKeys.length - keyLimit);
-  }, [filteredKeys.length, keyLimit]);
-  const hasLockedKeys = lockedKeyCount > 0;
-
-  // Calculate stats from FILTERED keys to show actual visible counts
-  const filteredStats = (0, _react.useMemo)(() => {
-    const appKeys = filteredKeys.filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key));
-    const storageStats = {
-      totalCount: filteredKeys.length,
-      requiredCount: appKeys.filter(k => k.category === "required").length,
-      missingCount: appKeys.filter(k => k.status === "required_missing").length,
-      wrongValueCount: appKeys.filter(k => k.status === "required_wrong_value").length,
-      wrongTypeCount: appKeys.filter(k => k.status === "required_wrong_type").length,
-      presentRequiredCount: appKeys.filter(k => k.status === "required_present").length,
-      optionalCount: appKeys.filter(k => k.category === "optional").length,
-      mmkvCount: filteredKeys.filter(k => k.storageType === "mmkv").length,
-      asyncCount: filteredKeys.filter(k => k.storageType === "async").length,
-      secureCount: filteredKeys.filter(k => k.storageType === "secure").length,
-      devToolsCount: filteredKeys.filter(k => (0, _sharedUi.isDevToolsStorageKey)(k.key)).length
-    };
-    return storageStats;
-  }, [filteredKeys]);
-
-  // Get selected keys as StorageKeyInfo objects (from visible keys only)
-  const selectedKeysInfo = (0, _react.useMemo)(() => {
-    return visibleKeys.filter(key => selectedKeyIds.has(getKeyIdentifier(key)));
-  }, [visibleKeys, selectedKeyIds, getKeyIdentifier]);
-
-  // Select all visible keys (only unlocked keys can be selected)
-  const handleSelectAll = (0, _react.useCallback)(() => {
-    const allIds = new Set(visibleKeys.map(getKeyIdentifier));
-    setSelectedKeyIds(allIds);
-  }, [visibleKeys, getKeyIdentifier]);
-
-  // Clear all selections
-  const handleClearSelection = (0, _react.useCallback)(() => {
-    setSelectedKeyIds(new Set());
-  }, []);
-
-  /**
-   * Serialized size of everything in storage, for the table's footer summary.
-   * Keyed on `allStorageKeys` rather than the filtered set: it answers "how much
-   * is in here", which a filter should not change.
-   */
-  // Calculate health percentage
-  const healthPercentage = stats.requiredCount > 0 ? Math.round(stats.presentRequiredCount / stats.requiredCount * 100) : stats.totalCount > 0 ? 100 : 0;
-  const healthStatus = healthPercentage >= 90 ? "OPTIMAL" : healthPercentage >= 70 ? "WARNING" : "CRITICAL";
-  const healthColor = healthPercentage >= 90 ? _sharedUi.gameUIColors.success : healthPercentage >= 70 ? _sharedUi.gameUIColors.warning : _sharedUi.gameUIColors.error;
-
-  // The detail screen REPLACES the list as the modal's whole body — the host
-  // modal's header carries back + the key's name, the React Query
-  // interaction (and the Zustand tool's). All hooks above have run; this
-  // return only swaps what's painted.
-  if (detailInfo) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.root,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageKeyDetailScreen.StorageKeyDetailScreen, {
-        storageKey: detailInfo,
-        editBlockedReason: editBlockedFor(detailInfo),
-        eventCount: eventCountByKey?.[detailInfo.key],
-        onSave: raw => handleSaveValue(detailInfo, raw),
-        onViewHistory: onViewHistory ? () => onViewHistory(detailInfo.key) : undefined,
-        onDeleteKey: k => handleDeleteKey(k, () => onCloseDetail?.()),
-        onHideKey: k => {
-          handleHideKeys([k]);
-          onCloseDetail?.();
-        },
-        isPinned: pinnedKeys?.has(detailInfo.key) ?? false,
-        onTogglePin: onTogglePin,
-        applySafeAreaInset: applySafeAreaInset
-      })
-    });
-  }
-
-  // Loading state
-  if (isLoading && allStorageKeys.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.emptyState,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Database, {
-        size: 48,
-        color: _sharedUi.night.color.textTertiary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyTitle,
-        children: "Loading storage keys..."
-      })]
-    });
-  }
-
-  // Error state
-  if (error) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.emptyState,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Database, {
-        size: 48,
-        color: _sharedUi.gameUIColors.error
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.emptyTitle, {
-          color: _sharedUi.gameUIColors.error
-        }],
-        children: "Error loading storage"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptySubtitle,
-        children: error.message
-      })]
-    });
-  }
-
-  /* ---------------------------------------------------------------- *
-   * Subtrees the card list composes. Extracted rather than inlined so Pro
-   * gating and MMKV
-   * instance selection or the empty-state copy.
-   * ---------------------------------------------------------------- */
-
-  const mmkvSection = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [activeStorageType === "mmkv" && mmkvInstances.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.emptyMMKVState,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyMMKVTitle,
-        children: "No MMKV Instances Detected"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyMMKVSubtitle,
-        children: "MMKV instances must be registered with registerMMKVInstance()"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyMMKVCode,
-        children: `import { registerMMKVInstance } from '@buoy-gg/storage';\n\nconst storage = createMMKV();\nregisterMMKVInstance('mmkv.default', storage);`
-      })]
-    }), activeStorageType === "mmkv" && mmkvInstances.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.instanceNavbar,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.instanceNavbarHeader,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.instanceNavbarLabel,
-          children: "INSTANCES"
-        }), mmkvInstances.length > mmkvInstanceLimit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProBadge, {
-          style: {
-            transform: [{
-              scale: 0.85
-            }]
-          }
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        contentContainerStyle: styles.instanceNavbarScroll,
-        children: [(isPro || mmkvInstances.length === 1) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          onPress: () => setSelectedMMKVInstance(null),
-          testID: "buoy-storage-instance-all",
-          accessibilityRole: "button",
-          accessibilityLabel: `All ${_storageLabels.storageLabels.mmkv} instances`,
-          style: [styles.instanceNavbarButton, selectedMMKVInstance === null && styles.instanceNavbarButtonActive],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HardDrive, {
-            size: 12,
-            color: selectedMMKVInstance === null ? _sharedUi.night.color.text : _sharedUi.night.color.textSecondary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.instanceNavbarButtonText, selectedMMKVInstance === null && styles.instanceNavbarButtonTextActive],
-            children: "All"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.instanceNavbarBadge,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.instanceNavbarBadgeText,
-              children: mmkvInstances.reduce((sum, inst) => sum + inst.keyCount, 0)
-            })
-          })]
-        }), mmkvInstances.map((inst, index) => {
-          const isLocked = index >= mmkvInstanceLimit;
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            testID: `buoy-storage-instance-${inst.id}`,
-            accessibilityRole: "button",
-            accessibilityLabel: `MMKV instance ${inst.id}`,
-            onPress: () => {
-              if (isLocked) {
-                setShowUpgradeModal(true);
-              } else {
-                setSelectedMMKVInstance(inst.id);
-              }
-            },
-            style: [styles.instanceNavbarButton, inst.id === selectedMMKVInstance && styles.instanceNavbarButtonActive, {
-              borderColor: isLocked ? _sharedUi.night.color.border : getInstanceColor(inst.id) + '40',
-              backgroundColor: inst.id === selectedMMKVInstance ? getInstanceColor(inst.id) + '20' : _sharedUi.night.color.surfaceElevated,
-              opacity: isLocked ? 0.5 : 1
-            }],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HardDrive, {
-              size: 12,
-              color: inst.id === selectedMMKVInstance ? getInstanceColor(inst.id) : _sharedUi.night.color.textSecondary
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.instanceNavbarButtonText, inst.id === selectedMMKVInstance && {
-                color: getInstanceColor(inst.id),
-                fontWeight: '700'
-              }],
-              children: inst.id
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: [styles.instanceNavbarBadge, inst.id === selectedMMKVInstance && {
-                backgroundColor: getInstanceColor(inst.id) + '30'
-              }],
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.instanceNavbarBadgeText, inst.id === selectedMMKVInstance && {
-                  color: getInstanceColor(inst.id)
-                }],
-                children: inst.keyCount
-              })
-            })]
-          }, inst.id);
-        })]
-      })]
-    })]
-  });
-  const actionButtonsNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageActionButtons.StorageActionButtons, {
-    copyValue: copyExportData,
-    mmkvInstances: mmkvInstances.map(inst => ({
-      id: inst.id,
-      instance: inst.instance
-    })),
-    activeStorageType: activeStorageType,
-    onClearComplete: refresh,
-    isSelectMode: isSelectMode,
-    onToggleSelectMode: handleToggleSelectMode,
-    selectedCount: selectedKeyIds.size
-  });
-
-  /* Selection Action Bar - Only show in select mode with selections */
-  const selectionBarNode = isSelectMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectionActionBar.SelectionActionBar, {
-    selectedKeys: selectedKeysInfo,
-    mmkvInstances: mmkvInstances.map(inst => ({
-      id: inst.id,
-      instance: inst.instance
-    })),
-    onDeleteComplete: handleDeleteComplete,
-    onHideKeys: handleHideKeys,
-    onSelectAll: handleSelectAll,
-    onClearSelection: handleClearSelection,
-    totalVisibleKeys: visibleKeys.length
-  }) : null;
-  const lockedBannerNode = hasLockedKeys ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    style: styles.limitBanner,
-    onPress: () => setShowUpgradeModal(true),
-    activeOpacity: 0.8,
-    testID: "buoy-storage-locked-banner",
-    accessibilityRole: "button",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.limitBannerContent,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.limitBannerLeft,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
-          size: 16,
-          color: _sharedUi.night.color.accent
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.limitBannerText,
-          children: searchQuery ? `${lockedKeyCount} matching ${lockedKeyCount === 1 ? 'key' : 'keys'} in locked storage` : `${lockedKeyCount} keys locked`
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProBadge, {})]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.limitBannerSubtext,
-      children: searchQuery ? "Upgrade to Pro to search your full storage" : "Upgrade to Pro to unlock full storage access"
-    })]
-  }) : null;
-  const emptyStateNode = (() => {
-    // Short-circuits on the first real key, so this costs nothing.
-    const hasAnyKeys = allStorageKeys.some(k => !(0, _sharedUi.isDevToolsStorageKey)(k.key));
-
-    // Three causes here are unlike any other tool's: an empty MISSING or
-    // ISSUES list is a PASS, not a failure, and an empty VALID list means
-    // everything is broken. Those skip the shared resolver and say so.
-    let content;
-    if (searchQuery || !hasAnyKeys) {
-      content = (0, _sharedUi.resolveListEmptyState)({
-        subject: "keys",
-        verb: "registered",
-        search: searchQuery,
-        total: hasAnyKeys ? 1 : 0,
-        waiting: {
-          // Previously this fell into the "all" branch and claimed every key
-          // had an issue — of the zero keys that exist.
-          otto: "empty",
-          title: "No storage keys",
-          message: "Nothing is registered for this tool to read."
-        }
-      });
-      if (searchQuery && hasAnyKeys) {
-        // No count: the pre-search total would mean re-running the whole key
-        // pipeline a second time for a number the sentence does not need.
-        content = {
-          ...content,
-          message: "No keys match. Clear the search to see them."
-        };
-      }
-    } else if (activeFilter === "missing") {
-      content = {
-        otto: "thumbsup",
-        title: "No missing keys",
-        message: "All required keys are present"
-      };
-    } else if (activeFilter === "issues") {
-      content = {
-        otto: "cool",
-        title: "No issues found",
-        message: "All storage keys are correctly configured"
-      };
-    } else {
-      content = {
-        otto: "broken",
-        title: "No valid keys found",
-        message: "All keys have issues or are missing"
-      };
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-      ...content,
-      testID: "buoy-storage-keys-empty"
-    });
-  })();
-  const upgradeModalNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
-    visible: showUpgradeModal,
-    onClose: () => setShowUpgradeModal(false),
-    featureName: "Storage Keys"
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.root,
-    children: [saveToastId > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageSaveNotice.StorageSaveNotice, {
-      onDone: () => setSaveToastId(0)
-    }, saveToastId) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView
-    // Named because `by.type("RCTScrollView")` doesn't match on Fabric
-    // (renamed class) — automation scrolls below-the-fold rows by this id.
-    , {
-      testID: "buoy-storage-scroll",
-      ref: scrollRef,
-      onScroll: e => {
-        scrollOffsetRef.current = e.nativeEvent.contentOffset.y;
-      },
-      scrollEventThrottle: 32,
-      style: styles.scrollContainer,
-      contentContainerStyle: styles.container,
-      showsVerticalScrollIndicator: false,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.backgroundGrid
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageFilterCards.StorageFilterCards, {
-        stats: stats,
-        tabStats: tabStats,
-        healthPercentage: healthPercentage,
-        healthStatus: healthStatus,
-        healthColor: healthColor,
-        activeFilter: activeFilter,
-        onFilterChange: setActiveFilter,
-        activeStorageType: activeStorageType,
-        onStorageTypeChange: setActiveStorageType
-        // Same rule the wide bar follows: when a host toolbar owns the status
-        // filter it also renders the counters, so ours would be a second copy.
-        ,
-        showStatus: !isFilterControlled
-      }), mmkvSection, filteredKeys.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.keysSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.sectionHeader,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.sectionHeaderLeft,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-              style: styles.sectionTitle,
-              children: [activeFilter === "all" ? "KEYS" : activeFilter === "missing" ? "MISSING KEYS" : "ISSUES TO FIX", activeStorageType !== "all" && ` (${activeStorageType.toUpperCase()})`]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.countBadge,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.countText,
-                children: visibleKeys.length
-              })
-            })]
-          }), actionButtonsNode]
-        }), selectionBarNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageKeySection.StorageKeySection, {
-          title: "",
-          count: -1,
-          keys: visibleKeys,
-          emptyMessage: "",
-          isSelectMode: isSelectMode,
-          selectedKeys: selectedKeyIds,
-          onSelectionChange: handleSelectionChange,
-          eventCountByKey: eventCountByKey,
-          onViewHistory: onViewHistory,
-          onHideKey: key => handleHideKeys([key]),
-          onToggleKey: handleToggleKey,
-          onDeleteKey: handleDeleteKey,
-          editBlockedFor: editBlockedFor,
-          pinnedKeys: pinnedKeys,
-          onTogglePin: onTogglePin,
-          onRowRef: handleRowRef,
-          onOpenKey: onOpenKey
-        }), lockedBannerNode]
-      }) : emptyStateNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.techFooter,
-        children: "ASYNC STORAGE | MMKV | SECURE STORAGE BACKENDS"
-      }), upgradeModalNode]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  /** Measures the space the columns actually get; `flex: 1` so it fills the
-   * parent exactly as the bare ScrollView it wraps used to. */
-  root: {
-    flex: 1,
-    minHeight: 0
-  },
-  /**
-   * No background of its own: the tree editor paints an opaque screen, while a
-   * scalar key shows only a modal and wants the list visible behind its scrim.
-   */
-  editorOverlay: {
-    ..._sharedUi.absoluteFill,
-    zIndex: 10
-  },
-  scrollContainer: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  container: {
-    padding: 12,
-    // Generous so a key card expanded at the bottom of the list can scroll
-    // its full detail block above the modal edge.
-    paddingBottom: 120
-  },
-  backgroundGrid: {
-    ..._sharedUi.absoluteFill,
-    opacity: 0.006,
-    backgroundColor: _sharedUi.gameUIColors.info
-  },
-  techFooter: {
-    fontSize: 8,
-    color: _sharedUi.night.color.textTertiary,
-    fontFamily: _sharedUi.monoFont,
-    textAlign: "center",
-    marginTop: 20,
-    letterSpacing: 1,
-    opacity: 0.5
-  },
-  // Keys section
-  keysSection: {
-    marginTop: 8,
-    backgroundColor: _sharedUi.night.color.bg,
-    borderRadius: 12,
-    padding: 12,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  sectionHeader: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    marginBottom: 10,
-    paddingBottom: 6,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.separator
-  },
-  sectionHeaderLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  sectionTitle: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textSecondary,
-    letterSpacing: 0.4,
-    textTransform: "uppercase"
-  },
-  countBadge: {
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  countText: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont
-  },
-  // Empty state
-  emptyState: {
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 48
-  },
-  emptyTitle: {
-    fontSize: 16,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    marginTop: 12,
-    marginBottom: 8
-  },
-  emptySubtitle: {
-    fontSize: 13,
-    color: _sharedUi.night.color.textSecondary,
-    textAlign: "center"
-  },
-  // Empty MMKV state
-  emptyMMKVState: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 12,
-    padding: 20,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    marginTop: 8,
-    alignItems: "center"
-  },
-  emptyMMKVTitle: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    marginBottom: 6
-  },
-  emptyMMKVSubtitle: {
-    fontSize: 12,
-    color: _sharedUi.night.color.textSecondary,
-    textAlign: "center",
-    marginBottom: 12
-  },
-  emptyMMKVCode: {
-    fontSize: 10,
-    fontFamily: _sharedUi.monoFont,
-    color: _sharedUi.night.color.accent,
-    backgroundColor: _sharedUi.night.color.bg,
-    padding: 12,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    alignSelf: "stretch"
-  },
-  // Instance Navbar styles
-  instanceNavbar: {
-    marginTop: 12,
-    marginBottom: 8,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    padding: 10,
-    shadowColor: '#000',
-    shadowOpacity: 0.08,
-    shadowRadius: 6,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    }
-  },
-  instanceNavbarHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    marginBottom: 8,
-    paddingLeft: 2
-  },
-  instanceNavbarLabel: {
-    fontSize: 9,
-    fontWeight: '700',
-    color: _sharedUi.night.color.textTertiary,
-    textTransform: "uppercase",
-    letterSpacing: 1
-  },
-  instanceNavbarScroll: {
-    gap: 8,
-    paddingRight: 8
-  },
-  instanceNavbarButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    minWidth: 90
-  },
-  instanceNavbarButtonActive: {
-    borderWidth: 1.5,
-    shadowColor: '#000',
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    }
-  },
-  instanceNavbarButtonText: {
-    fontSize: 11,
-    fontWeight: '600',
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont,
-    flex: 1
-  },
-  instanceNavbarButtonTextActive: {
-    fontWeight: '700',
-    color: _sharedUi.night.color.text
-  },
-  instanceNavbarBadge: {
-    backgroundColor: _sharedUi.night.color.bg,
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 6,
-    minWidth: 24,
-    alignItems: 'center'
-  },
-  instanceNavbarBadgeText: {
-    fontSize: 10,
-    fontWeight: '700',
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont
-  },
-  clearSearchButton: {
-    marginTop: 16,
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  clearSearchText: {
-    fontSize: 13,
-    color: _sharedUi.night.color.text,
-    fontWeight: "500"
-  },
-  // Free tier limit banner
-  limitBanner: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.accentBorderStrong,
-    padding: 12,
-    marginTop: 12
-  },
-  limitBannerContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: 4
-  },
-  limitBannerLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  limitBannerText: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  limitBannerSubtext: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 11
-  }
-});
+const storage = createMMKV();
+registerMMKVInstance('mmkv.default', storage);`})]}),d==="mmkv"&&c.length>0&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.instanceNavbar,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.instanceNavbarHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.instanceNavbarLabel,children:"INSTANCES"}),c.length>re&&(0,_jsxRuntime.jsx)(_sharedUi.ProBadge,{style:{transform:[{scale:.85}]}})]}),(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{horizontal:true,showsHorizontalScrollIndicator:false,contentContainerStyle:styles.instanceNavbarScroll,children:[(p||c.length===1)&&(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:()=>se(null),testID:"buoy-storage-instance-all",accessibilityRole:"button",accessibilityLabel:`All ${_storageLabels.storageLabels.mmkv} instances`,style:[styles.instanceNavbarButton,l===null&&styles.instanceNavbarButtonActive],children:[(0,_jsxRuntime.jsx)(_sharedUi.HardDrive,{size:12,color:l===null?_sharedUi.night.color.text:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.instanceNavbarButtonText,l===null&&styles.instanceNavbarButtonTextActive],children:"All"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.instanceNavbarBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.instanceNavbarBadgeText,children:c.reduce((e,t)=>e+t.keyCount,0)})})]}),c.map((e,t)=>{const r=t>=re;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:`buoy-storage-instance-${e.id}`,accessibilityRole:"button",accessibilityLabel:`MMKV instance ${e.id}`,onPress:()=>{if(r){T(true)}else{se(e.id)}},style:[styles.instanceNavbarButton,e.id===l&&styles.instanceNavbarButtonActive,{borderColor:r?_sharedUi.night.color.border:getInstanceColor(e.id)+"40",backgroundColor:e.id===l?getInstanceColor(e.id)+"20":_sharedUi.night.color.surfaceElevated,opacity:r?.5:1}],children:[(0,_jsxRuntime.jsx)(_sharedUi.HardDrive,{size:12,color:e.id===l?getInstanceColor(e.id):_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.instanceNavbarButtonText,e.id===l&&{color:getInstanceColor(e.id),fontWeight:"700"}],children:e.id}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.instanceNavbarBadge,e.id===l&&{backgroundColor:getInstanceColor(e.id)+"30"}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.instanceNavbarBadgeText,e.id===l&&{color:getInstanceColor(e.id)}],children:e.keyCount})})]},e.id)})]})]})]});const $e=(0,_jsxRuntime.jsx)(_StorageActionButtons.StorageActionButtons,{copyValue:Le,mmkvInstances:c.map(e=>({id:e.id,instance:e.instance})),activeStorageType:d,onClearComplete:h,isSelectMode:F,onToggleSelectMode:Ee,selectedCount:V.size});const Ge=F?(0,_jsxRuntime.jsx)(_SelectionActionBar.SelectionActionBar,{selectedKeys:ze,mmkvInstances:c.map(e=>({id:e.id,instance:e.instance})),onDeleteComplete:Ae,onHideKeys:W,onSelectAll:Oe,onClearSelection:We,totalVisibleKeys:C.length}):null;const Ye=Fe?(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.limitBanner,onPress:()=>T(true),activeOpacity:.8,testID:"buoy-storage-locked-banner",accessibilityRole:"button",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.limitBannerContent,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.limitBannerLeft,children:[(0,_jsxRuntime.jsx)(_sharedUi.Zap,{size:16,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.limitBannerText,children:m?`${E} matching ${E===1?"key":"keys"} in locked storage`:`${E} keys locked`})]}),(0,_jsxRuntime.jsx)(_sharedUi.ProBadge,{})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.limitBannerSubtext,children:m?"Upgrade to Pro to search your full storage":"Upgrade to Pro to unlock full storage access"})]}):null;const Je=(()=>{const e=a.some(r=>!(0,_sharedUi.isDevToolsStorageKey)(r.key));let t;if(m||!e){t=(0,_sharedUi.resolveListEmptyState)({subject:"keys",verb:"registered",search:m,total:e?1:0,waiting:{otto:"empty",title:"No storage keys",message:"Nothing is registered for this tool to read."}});if(m&&e){t={...t,message:"No keys match. Clear the search to see them."}}}else if(y==="missing"){t={otto:"thumbsup",title:"No missing keys",message:"All required keys are present"}}else if(y==="issues"){t={otto:"cool",title:"No issues found",message:"All storage keys are correctly configured"}}else{t={otto:"broken",title:"No valid keys found",message:"All keys have issues or are missing"}}return(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{...t,testID:"buoy-storage-keys-empty"})})();const Xe=(0,_jsxRuntime.jsx)(_sharedUi.ProUpgradeModal,{visible:D,onClose:()=>T(false),featureName:"Storage Keys"});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.root,children:[ae>0?(0,_jsxRuntime.jsx)(_StorageSaveNotice.StorageSaveNotice,{onDone:()=>ie(0)},ae):null,(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{testID:"buoy-storage-scroll",ref:we,onScroll:e=>{Me.current=e.nativeEvent.contentOffset.y},scrollEventThrottle:32,style:styles.scrollContainer,contentContainerStyle:styles.container,showsVerticalScrollIndicator:false,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.backgroundGrid}),(0,_jsxRuntime.jsx)(_StorageFilterCards.StorageFilterCards,{stats:_,tabStats:v,healthPercentage:k,healthStatus:He,healthColor:Ue,activeFilter:y,onFilterChange:ve,activeStorageType:d,onStorageTypeChange:xe,showStatus:!L}),Pe,g.length>0?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.keysSection,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionHeader,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionHeaderLeft,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.sectionTitle,children:[y==="all"?"KEYS":y==="missing"?"MISSING KEYS":"ISSUES TO FIX",d!=="all"&&` (${d.toUpperCase()})`]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.countBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.countText,children:C.length})})]}),$e]}),Ge,(0,_jsxRuntime.jsx)(_StorageKeySection.StorageKeySection,{title:"",count:-1,keys:C,emptyMessage:"",isSelectMode:F,selectedKeys:V,onSelectionChange:Re,eventCountByKey:G,onViewHistory:A,onHideKey:e=>W([e]),onToggleKey:De,onDeleteKey:ye,editBlockedFor:he,pinnedKeys:S,onTogglePin:Z,onRowRef:_e,onOpenKey:Se}),Ye]}):Je,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.techFooter,children:"ASYNC STORAGE | MMKV | SECURE STORAGE BACKENDS"}),Xe]})]})}const styles=_reactNative.StyleSheet.create({root:{flex:1,minHeight:0},editorOverlay:{..._sharedUi.absoluteFill,zIndex:10},scrollContainer:{flex:1,backgroundColor:"transparent"},container:{padding:12,paddingBottom:120},backgroundGrid:{..._sharedUi.absoluteFill,opacity:.006,backgroundColor:_sharedUi.gameUIColors.info},techFooter:{fontSize:8,color:_sharedUi.night.color.textTertiary,fontFamily:_sharedUi.monoFont,textAlign:"center",marginTop:20,letterSpacing:1,opacity:.5},keysSection:{marginTop:8,backgroundColor:_sharedUi.night.color.bg,borderRadius:12,padding:12,borderWidth:1,borderColor:_sharedUi.night.color.border},sectionHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:10,paddingBottom:6,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.separator},sectionHeaderLeft:{flexDirection:"row",alignItems:"center",gap:8},sectionTitle:{fontSize:12,fontWeight:"600",color:_sharedUi.night.color.textSecondary,letterSpacing:.4,textTransform:"uppercase"},countBadge:{backgroundColor:_sharedUi.night.color.surfaceElevated,paddingHorizontal:8,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border},countText:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont},emptyState:{alignItems:"center",justifyContent:"center",paddingVertical:48},emptyTitle:{fontSize:16,fontWeight:"600",color:_sharedUi.night.color.text,marginTop:12,marginBottom:8},emptySubtitle:{fontSize:13,color:_sharedUi.night.color.textSecondary,textAlign:"center"},emptyMMKVState:{backgroundColor:_sharedUi.night.color.surface,borderRadius:12,padding:20,borderWidth:1,borderColor:_sharedUi.night.color.border,marginTop:8,alignItems:"center"},emptyMMKVTitle:{fontSize:14,fontWeight:"600",color:_sharedUi.night.color.text,marginBottom:6},emptyMMKVSubtitle:{fontSize:12,color:_sharedUi.night.color.textSecondary,textAlign:"center",marginBottom:12},emptyMMKVCode:{fontSize:10,fontFamily:_sharedUi.monoFont,color:_sharedUi.night.color.accent,backgroundColor:_sharedUi.night.color.bg,padding:12,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,alignSelf:"stretch"},instanceNavbar:{marginTop:12,marginBottom:8,backgroundColor:_sharedUi.night.color.surface,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.border,padding:10,shadowColor:"#000",shadowOpacity:.08,shadowRadius:6,shadowOffset:{width:0,height:2}},instanceNavbarHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:8,paddingLeft:2},instanceNavbarLabel:{fontSize:9,fontWeight:"700",color:_sharedUi.night.color.textTertiary,textTransform:"uppercase",letterSpacing:1},instanceNavbarScroll:{gap:8,paddingRight:8},instanceNavbarButton:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:12,paddingVertical:8,backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,minWidth:90},instanceNavbarButtonActive:{borderWidth:1.5,shadowColor:"#000",shadowOpacity:.1,shadowRadius:4,shadowOffset:{width:0,height:1}},instanceNavbarButtonText:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont,flex:1},instanceNavbarButtonTextActive:{fontWeight:"700",color:_sharedUi.night.color.text},instanceNavbarBadge:{backgroundColor:_sharedUi.night.color.bg,paddingHorizontal:6,paddingVertical:2,borderRadius:6,minWidth:24,alignItems:"center"},instanceNavbarBadgeText:{fontSize:10,fontWeight:"700",color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont},clearSearchButton:{marginTop:16,paddingHorizontal:16,paddingVertical:8,backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border},clearSearchText:{fontSize:13,color:_sharedUi.night.color.text,fontWeight:"500"},limitBanner:{backgroundColor:_sharedUi.night.color.surface,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.accentBorderStrong,padding:12,marginTop:12},limitBannerContent:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:4},limitBannerLeft:{flexDirection:"row",alignItems:"center",gap:8},limitBannerText:{color:_sharedUi.night.color.text,fontSize:13,fontWeight:"600"},limitBannerSubtext:{color:_sharedUi.night.color.textTertiary,fontSize:11}});