@buoy-gg/storage 3.0.1 → 4.0.1

package/lib/commonjs/storage/utils/asyncStorageCompat.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.asyncStorageCaps = exports.asyncStorage = void 0;
+exports.readMany = readMany;
+exports.removeMany = removeMany;
+exports.writeMany = writeMany;
+var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * AsyncStorage compatibility adapter (v2 + v3)
+ *
+ * `@react-native-async-storage/async-storage` 3.x reshaped the default-export
+ * API. The single-item methods kept their v2 signatures, but the batch + merge
+ * methods changed:
+ *
+ *   v2 (what this package was written against)   v3
+ *   ------------------------------------------   --------------------------------
+ *   multiGet(keys): [key, value|null][]          getMany(keys): Record<key, value|null>
+ *   multiSet([[k, v]]): void                     setMany({ k: v }): void
+ *   multiRemove(keys): void                      removeMany(keys): void
+ *   mergeItem / multiMerge                       removed entirely
+ *
+ * This module is the single seam between the storage tool and whichever
+ * async-storage version the host app installed. The rest of the package always
+ * speaks the v2 tuple-shaped API; we translate to v3 here when needed.
+ *
+ * Reads (`readMany`) are routed through the *unswizzled* native methods, so the
+ * event listener can safely call them while capturing previous values without
+ * re-triggering itself.
+ */
+
+// Loosely typed because the surface differs across major versions; callers go
+// through the helpers below rather than touching this directly.
+
+/** The live default-export object (methods may be swizzled by the listener). */
+const asyncStorage = exports.asyncStorage = _asyncStorage.default;
+
+/**
+ * Capability flags describing which API surface the installed version exposes.
+ * `multiGet` only exists on v2; `mergeItem` was removed in v3.
+ */
+const asyncStorageCaps = exports.asyncStorageCaps = {
+  /** v2 exposes multiGet/multiSet/multiRemove; v3 renamed these to *Many. */
+  hasLegacyMultiApi: typeof asyncStorage?.multiGet === "function",
+  /** v3 removed mergeItem/multiMerge with no replacement. */
+  hasMergeApi: typeof asyncStorage?.mergeItem === "function"
+};
+
+/**
+ * Batch-read keys, normalized to the v2 `[key, value|null][]` tuple shape and
+ * preserving the requested key order regardless of installed version.
+ */
+async function readMany(keys) {
+  if (typeof asyncStorage.multiGet === "function") {
+    return await asyncStorage.multiGet(keys);
+  }
+  // v3: getMany returns a Record; rebuild ordered tuples ("what you request is
+  // what you get" — missing keys come back as null).
+  const record = await asyncStorage.getMany(keys);
+  return keys.map(key => [key, record[key] ?? null]);
+}
+
+/**
+ * Batch-write key/value pairs. Calls the live method (which may be swizzled by
+ * the listener on v2's `multiSet` / v3's `setMany`) so writes still emit events.
+ */
+async function writeMany(pairs) {
+  if (typeof asyncStorage.multiSet === "function") {
+    return asyncStorage.multiSet(pairs);
+  }
+  const record = {};
+  for (const [key, value] of pairs) record[key] = value;
+  return asyncStorage.setMany(record);
+}
+
+/**
+ * Batch-remove keys via the live method (swizzled on v2's `multiRemove` /
+ * v3's `removeMany`).
+ */
+async function removeMany(keys) {
+  if (typeof asyncStorage.multiRemove === "function") {
+    return asyncStorage.multiRemove(keys);
+  }
+  return asyncStorage.removeMany(keys);
+}
+var _default = exports.default = asyncStorage;

package/lib/commonjs/storage/utils/clearAllStorage.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.clearAllAppStorage = clearAllAppStorage;
 exports.clearAllStorageIncludingDevTools = clearAllStorageIncludingDevTools;
 var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+var _asyncStorageCompat = require("./asyncStorageCompat");
 var _sharedUi = require("@buoy-gg/shared-ui");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -30,7 +31,7 @@ async function clearAllAppStorage() {
   // Clearing ${keysToRemove.length} app storage keys
 
   // Remove all non-dev-tool keys
-  await _asyncStorage.default.multiRemove(keysToRemove);
+  await (0, _asyncStorageCompat.removeMany)(keysToRemove);
 
   // Successfully cleared app storage
 }

package/lib/commonjs/storage/utils/mmkvTypeDetection.js

@@ -42,16 +42,25 @@ exports.isTypeMatch = isTypeMatch;
  * ```
  */
 function detectMMKVType(instance, key) {
-  // Try string (most common)
+  // MMKV stores no type metadata, so the native getters can cross-read: in
+  // particular `getString` returns "" (an empty string, NOT undefined) for many
+  // non-string values like numbers and `false`. Trying getString first and
+  // trusting its result therefore mis-detects those as empty strings — e.g.
+  // a key set to 42 or false would render as "". Probe the getters and only let
+  // getString win when it returns a NON-empty string; treat an empty result as
+  // ambiguous and prefer the number/boolean getters.
   const stringValue = instance.getString(key);
-  if (stringValue !== undefined) {
+
+  // A non-empty string is unambiguously a string.
+  if (stringValue !== undefined && stringValue !== '') {
     return {
       value: stringValue,
       type: 'string'
     };
   }
 
-  // Try number
+  // Empty getString result is ambiguous (genuine "" vs a number/boolean the
+  // native layer decoded to ""). Prefer typed getters when they have a value.
   const numberValue = instance.getNumber(key);
   if (numberValue !== undefined) {
     return {
@@ -59,8 +68,6 @@ function detectMMKVType(instance, key) {
       type: 'number'
     };
   }
-
-  // Try boolean
   const booleanValue = instance.getBoolean(key);
   if (booleanValue !== undefined) {
     return {
@@ -69,6 +76,14 @@ function detectMMKVType(instance, key) {
     };
   }
 
+  // getString returned "" and nothing else matched -> a genuine empty string.
+  if (stringValue === '') {
+    return {
+      value: '',
+      type: 'string'
+    };
+  }
+
   // Try buffer (least common)
   const bufferValue = instance.getBuffer(key);
   if (bufferValue !== undefined) {

package/lib/commonjs/storage/utils/storageTimeTravelUtils.js

@@ -7,6 +7,7 @@ exports.canUndo = canUndo;
 exports.jumpToState = jumpToState;
 exports.undoOperation = undoOperation;
 var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+var _asyncStorageCompat = require("./asyncStorageCompat");
 var _AsyncStorageListener = require("./AsyncStorageListener");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -79,7 +80,7 @@ async function undoOperation(event) {
           // Restore all cleared key-value pairs
           const pairsToRestore = data.prevPairs.filter(([, value]) => value !== null);
           if (pairsToRestore.length > 0) {
-            await _asyncStorage.default.multiSet(pairsToRestore);
+            await (0, _asyncStorageCompat.writeMany)(pairsToRestore);
           }
         }
         break;
@@ -131,7 +132,7 @@ async function jumpToState(events, targetEventIndex) {
       }
     }
     if (pairsToSet.length > 0) {
-      await _asyncStorage.default.multiSet(pairsToSet);
+      await (0, _asyncStorageCompat.writeMany)(pairsToSet);
     }
   } finally {
     // Always resume capture

package/lib/commonjs/storage/utils/valueType.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getValuePreview = getValuePreview;
 exports.getValueTypeLabel = getValueTypeLabel;
+exports.getValueTypeWithPreview = getValueTypeWithPreview;
 /** Return a concise string describing the JavaScript type of the provided value. */
 function getValueTypeLabel(value) {
   if (value === null) return "null";
@@ -15,4 +17,43 @@ function getValueTypeLabel(value) {
   if (type === "number") return "number";
   if (type === "string") return "string";
   return "unknown";
+}
+
+/** Longest value preview rendered inline next to the type label. */
+const MAX_INLINE_PREVIEW = 40;
+
+/**
+ * Short, human-readable preview of a value for inline display next to the type
+ * label, or `null` when the value is too large/complex to preview (long
+ * strings, objects, arrays). Lets the user read simple values without opening
+ * the card.
+ */
+function getValuePreview(value) {
+  switch (typeof value) {
+    case "boolean":
+      return value ? "true" : "false";
+    case "number":
+      return Number.isFinite(value) ? String(value) : null;
+    case "string":
+      {
+        if (value.length === 0) return '""';
+        if (value.length > MAX_INLINE_PREVIEW) return null;
+        // Collapse whitespace so multi-line/tabbed values stay on one line.
+        return `"${value.replace(/\s+/g, " ")}"`;
+      }
+    default:
+      return null;
+    // objects, arrays, null, undefined
+  }
+}
+
+/**
+ * Type label optionally followed by a short value preview — e.g. `boolean · true`,
+ * `number · 42`, `string · "hello"`. Falls back to just the type label when the
+ * value is too large to preview.
+ */
+function getValueTypeWithPreview(value) {
+  const label = getValueTypeLabel(value);
+  const preview = getValuePreview(value);
+  return preview ? `${label} · ${preview}` : label;
 }

package/lib/module/index.js

@@ -55,6 +55,11 @@ export { undoOperation, jumpToState, canUndo } from "./storage/utils/storageTime
 // =============================================================================
 export { registerMMKVInstance, unregisterMMKVInstance } from "./storage/utils/MMKVInstanceRegistry";
 
+// =============================================================================
+// EXTERNAL SYNC (Adapter for @buoy-gg/external-sync's useExternalSync)
+// =============================================================================
+export { storageSyncAdapter } from "./storage/sync/storageSyncAdapter";
+
 // =============================================================================
 // INTERNAL EXPORTS (For @buoy-gg/* packages only - not part of public API)
 // =============================================================================

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

@@ -2,6 +2,7 @@
 
 import { useMemo, useCallback, useState, useEffect } from "react";
 import { StyleSheet, Text, View, TouchableOpacity, ScrollView } from "react-native";
+import { absoluteFill } from "@buoy-gg/shared-ui";
 import { Database, Zap, ProBadge, ProUpgradeModal } from "@buoy-gg/shared-ui";
 import { isDevToolsStorageKey } from "@buoy-gg/shared-ui";
 import { StorageKeySection } from "./StorageKeySection";
@@ -61,7 +62,9 @@ export function GameUIStorageBrowser({
   storageDataRef,
   eventCountByKey,
   onViewHistory,
-  enabledStorageTypes
+  enabledStorageTypes,
+  pinnedKeys,
+  onTogglePin
 }) {
   const isPro = useIsPro();
   const [showUpgradeModal, setShowUpgradeModal] = useState(false);
@@ -171,6 +174,15 @@ export function GameUIStorageBrowser({
     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 = useCallback(keys => {
+    keys.forEach(k => onAddPattern?.(k.key));
+    setSelectedKeyIds(new Set());
+    setIsSelectMode(false);
+  }, [onAddPattern]);
+
   // Memoized export data for copy functionality
   const copyExportData = useMemo(() => {
     const allKeys = allStorageKeys;
@@ -393,8 +405,14 @@ export function GameUIStorageBrowser({
     // 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]);
+  }, [sortedKeys, activeFilter, activeStorageType, ignoredPatterns, searchQuery, selectedMMKVInstance, enabledStorageTypes, pinnedKeys]);
 
   // For free users, limit visible keys to FREE_TIER_KEY_LIMIT
   const visibleKeys = useMemo(() => {
@@ -616,6 +634,7 @@ export function GameUIStorageBrowser({
           instance: inst.instance
         })),
         onDeleteComplete: handleDeleteComplete,
+        onHideKeys: handleHideKeys,
         onSelectAll: handleSelectAll,
         onClearSelection: handleClearSelection,
         totalVisibleKeys: visibleKeys.length
@@ -628,7 +647,10 @@ export function GameUIStorageBrowser({
         selectedKeys: selectedKeyIds,
         onSelectionChange: handleSelectionChange,
         eventCountByKey: eventCountByKey,
-        onViewHistory: onViewHistory
+        onViewHistory: onViewHistory,
+        onHideKey: key => handleHideKeys([key]),
+        pinnedKeys: pinnedKeys,
+        onTogglePin: onTogglePin
       }), hasLockedKeys && /*#__PURE__*/_jsxs(TouchableOpacity, {
         style: styles.limitBanner,
         onPress: () => setShowUpgradeModal(true),
@@ -682,7 +704,7 @@ const styles = StyleSheet.create({
     paddingBottom: 32
   },
   backgroundGrid: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     opacity: 0.006,
     backgroundColor: gameUIColors.info
   },

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

@@ -2,6 +2,7 @@
 
 import { useEffect, useRef } from "react";
 import { StyleSheet, View, Text, Animated } from "react-native";
+import { absoluteFill } from "@buoy-gg/shared-ui";
 import { Database, Shield, AlertCircle, CheckCircle2, XCircle, Eye, Zap, gameUIColors, macOSColors } from "@buoy-gg/shared-ui";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Use macOS colors
@@ -513,7 +514,7 @@ const styles = StyleSheet.create({
     shadowRadius: 8
   },
   healthGridOverlay: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     opacity: 0.1,
     borderWidth: 1,
     borderColor: "rgba(255, 255, 255, 0.1)",
@@ -536,7 +537,7 @@ const styles = StyleSheet.create({
     backgroundColor: "rgba(255, 0, 0, 0.02)"
   },
   cardGlow: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     opacity: 0.3
   },
   cardHeader: {

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

@@ -2,15 +2,16 @@
 
 import { useState, useEffect } from "react";
 import { View, Text, StyleSheet, TouchableOpacity, Alert } from "react-native";
-import { Trash2, CopyButton, CheckSquare, ProUpgradeModal } from "@buoy-gg/shared-ui";
+import { Trash2, CopyButton, CheckSquare, EyeOff, ProUpgradeModal } from "@buoy-gg/shared-ui";
 import { macOSColors } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
-import AsyncStorage from "@react-native-async-storage/async-storage";
+import { removeMany } from "../utils/asyncStorageCompat";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function SelectionActionBar({
   selectedKeys,
   mmkvInstances,
   onDeleteComplete,
+  onHideKeys,
   onSelectAll,
   onClearSelection,
   totalVisibleKeys
@@ -41,6 +42,12 @@ export function SelectionActionBar({
     };
   };
 
+  // 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;
@@ -64,7 +71,7 @@ export function SelectionActionBar({
 
           // Delete AsyncStorage keys
           if (asyncKeys.length > 0) {
-            await AsyncStorage.multiRemove(asyncKeys.map(k => k.key));
+            await removeMany(asyncKeys.map(k => k.key));
           }
 
           // Delete MMKV keys
@@ -127,6 +134,13 @@ export function SelectionActionBar({
           success: macOSColors.semantic.success,
           error: macOSColors.semantic.error
         }
+      }), onHideKeys && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.actionButton,
+        onPress: handleHideSelected,
+        children: /*#__PURE__*/_jsx(EyeOff, {
+          size: 14,
+          color: macOSColors.semantic.warning
+        })
       }), /*#__PURE__*/_jsx(TouchableOpacity, {
         style: styles.actionButton,
         onPress: handleDeleteSelected,

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

@@ -16,7 +16,9 @@ export function StorageBrowserMode({
   storageDataRef,
   eventCountByKey,
   onViewHistory,
-  enabledStorageTypes
+  enabledStorageTypes,
+  pinnedKeys,
+  onTogglePin
 }) {
   return /*#__PURE__*/_jsx(GameUIStorageBrowser, {
     requiredStorageKeys: requiredStorageKeys,
@@ -28,6 +30,8 @@ export function StorageBrowserMode({
     storageDataRef: storageDataRef,
     eventCountByKey: eventCountByKey,
     onViewHistory: onViewHistory,
-    enabledStorageTypes: enabledStorageTypes
+    enabledStorageTypes: enabledStorageTypes,
+    pinnedKeys: pinnedKeys,
+    onTogglePin: onTogglePin
   });
 }

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

@@ -235,7 +235,7 @@ export function StorageEventDetailContent({
           children: "CURRENT VALUE"
         }), /*#__PURE__*/_jsxs(View, {
           style: styles.valueHeaderBadges,
-          children: [action && /*#__PURE__*/_jsx(View, {
+          children: [action ? /*#__PURE__*/_jsx(View, {
             style: [styles.actionBadge, {
               backgroundColor: `${actionColor}20`
             }],
@@ -245,7 +245,7 @@ export function StorageEventDetailContent({
               }],
               children: translateStorageAction(action)
             })
-          }), /*#__PURE__*/_jsx(View, {
+          }) : null, /*#__PURE__*/_jsx(View, {
             style: styles.typeBadge,
             children: /*#__PURE__*/_jsx(Text, {
               style: styles.typeText,

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

@@ -147,10 +147,10 @@ export function StorageKeyCard({
           children: [/*#__PURE__*/_jsx(Text, {
             style: styles.storageKeyText,
             children: storageKey.key
-          }), storageKey.description && /*#__PURE__*/_jsx(Text, {
+          }), storageKey.description ? /*#__PURE__*/_jsx(Text, {
             style: styles.descriptionText,
             children: storageKey.description
-          }), /*#__PURE__*/_jsxs(View, {
+          }) : null, /*#__PURE__*/_jsxs(View, {
             style: styles.cardHeaderMeta,
             children: [/*#__PURE__*/_jsx(View, {
               style: [styles.statusBadge, {
@@ -279,13 +279,13 @@ export function StorageKeyCard({
           style: styles.typeHelperText,
           children: ["Current type: ", getValueTypeLabel(storageKey.value)]
         })]
-      }), storageKey.lastUpdated && /*#__PURE__*/_jsx(View, {
+      }), storageKey.lastUpdated ? /*#__PURE__*/_jsx(View, {
         style: styles.metaInfo,
         children: /*#__PURE__*/_jsxs(Text, {
           style: styles.metaLabel,
-          children: ["Last updated123: ", storageKey.lastUpdated.toLocaleString()]
+          children: ["Last updated: ", storageKey.lastUpdated.toLocaleString()]
         })
-      })]
+      }) : null]
     }), isExpanded && !hasValue && /*#__PURE__*/_jsxs(View, {
       style: styles.cardBody,
       children: [/*#__PURE__*/_jsxs(View, {

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

@@ -1,9 +1,9 @@
 "use strict";
 
 import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { macOSColors, CompactRow, TypeBadge, HardDrive, Square, CheckSquare, ExpandedInfoRow, PillBadge } from "@buoy-gg/shared-ui";
+import { macOSColors, CompactRow, TypeBadge, HardDrive, Square, CheckSquare, EyeOff, Pin, ExpandedInfoRow, PillBadge } from "@buoy-gg/shared-ui";
 import { getStorageTypeLabel } from "../utils/storageQueryUtils";
-import { getValueTypeLabel } from "../utils/valueType";
+import { getValueTypeLabel, getValueTypeWithPreview } from "../utils/valueType";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
 
 // MMKV Instance color palette - consistent colors per instance
@@ -78,11 +78,18 @@ export function StorageKeyRow({
   isSelected = false,
   onSelectionChange,
   eventCount,
-  onViewHistory
+  onViewHistory,
+  onHideKey,
+  isPinned = false,
+  onTogglePin
 }) {
   const config = getStatusConfig(storageKey.status);
   const hasValue = storageKey.value !== undefined && storageKey.value !== null;
 
+  // Booleans get a dedicated colored badge instead of an inline text preview so
+  // their value is scannable at a glance.
+  const isBoolean = hasValue && typeof storageKey.value === "boolean";
+
   // Format primary text - show the key
   const primaryText = storageKey.key;
 
@@ -186,7 +193,7 @@ export function StorageKeyRow({
         style: styles.expandedExpected,
         children: String(storageKey.expectedValue)
       })]
-    }), storageKey.description && /*#__PURE__*/_jsxs(View, {
+    }), storageKey.description ? /*#__PURE__*/_jsxs(View, {
       style: styles.expandedRow,
       children: [/*#__PURE__*/_jsx(Text, {
         style: styles.expandedLabel,
@@ -195,7 +202,46 @@ export function StorageKeyRow({
         style: styles.expandedDescription,
         children: storageKey.description
       })]
-    })]
+    }) : null, onTogglePin || onHideKey ? /*#__PURE__*/_jsxs(View, {
+      style: styles.actionRow,
+      children: [onTogglePin ? /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: [styles.actionChip, isPinned && styles.actionChipActive],
+        onPress: () => onTogglePin(storageKey.key),
+        hitSlop: {
+          top: 6,
+          bottom: 6,
+          left: 6,
+          right: 6
+        },
+        children: [/*#__PURE__*/_jsx(Pin, {
+          size: 12,
+          color: macOSColors.semantic.info
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.actionChipText, {
+            color: macOSColors.semantic.info
+          }],
+          children: isPinned ? "Unpin" : "Pin to top"
+        })]
+      }) : null, onHideKey ? /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: styles.actionChip,
+        onPress: () => onHideKey(storageKey),
+        hitSlop: {
+          top: 6,
+          bottom: 6,
+          left: 6,
+          right: 6
+        },
+        children: [/*#__PURE__*/_jsx(EyeOff, {
+          size: 12,
+          color: macOSColors.semantic.warning
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.actionChipText, {
+            color: macOSColors.semantic.warning
+          }],
+          children: "Hide from list"
+        })]
+      }) : null]
+    }) : null]
   });
 
   // Handle checkbox press in select mode
@@ -230,17 +276,28 @@ export function StorageKeyRow({
         statusLabel: config.label,
         statusSublabel: config.sublabel,
         primaryText: primaryText,
-        secondaryText: hasValue ? getValueTypeLabel(storageKey.value) : undefined,
+        secondaryText: hasValue ? isBoolean ? getValueTypeLabel(storageKey.value) : getValueTypeWithPreview(storageKey.value) : undefined,
+        secondaryAccessory: isBoolean ? /*#__PURE__*/_jsx(PillBadge, {
+          size: "sm",
+          color: storageKey.value ? macOSColors.semantic.success : macOSColors.semantic.error,
+          children: storageKey.value ? "true" : "false"
+        }) : undefined,
         expandedContent: expandedContent,
         isExpanded: isExpanded,
         expandedGlowColor: config.color,
-        customBadge: /*#__PURE__*/_jsx(PillBadge, {
-          color: getStorageTypeColor(storageKey.storageType),
-          children: storageTypeLabel
+        customBadge: /*#__PURE__*/_jsxs(View, {
+          style: styles.badgeRow,
+          children: [isPinned && /*#__PURE__*/_jsx(Pin, {
+            size: 12,
+            color: macOSColors.semantic.info
+          }), /*#__PURE__*/_jsx(PillBadge, {
+            color: getStorageTypeColor(storageKey.storageType),
+            children: storageTypeLabel
+          })]
         }),
         showChevron: !isSelectMode,
         onPress: isSelectMode ? handleCheckboxPress : onPress ? () => onPress(storageKey) : undefined
-      }), eventCount != null && eventCount > 0 && /*#__PURE__*/_jsx(View, {
+      }), eventCount != null && eventCount > 1 && /*#__PURE__*/_jsx(View, {
         style: [styles.absCountBadge, {
           backgroundColor: macOSColors.semantic.warning + "22",
           borderColor: macOSColors.semantic.warning + "55"
@@ -269,6 +326,11 @@ const getStorageTypeColor = storageType => {
   }
 };
 const styles = StyleSheet.create({
+  badgeRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
   expandedContainer: {
     gap: 8
   },
@@ -342,6 +404,33 @@ const styles = StyleSheet.create({
     fontWeight: "700",
     fontFamily: "monospace"
   },
+  actionRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    flexWrap: "wrap",
+    gap: 8,
+    marginTop: 4
+  },
+  actionChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingVertical: 6,
+    paddingHorizontal: 10,
+    borderRadius: 6,
+    backgroundColor: macOSColors.background.card,
+    borderWidth: 1,
+    borderColor: macOSColors.border.default
+  },
+  actionChipActive: {
+    backgroundColor: macOSColors.semantic.info + "15",
+    borderColor: macOSColors.semantic.info + "44"
+  },
+  actionChipText: {
+    fontSize: 11,
+    fontWeight: "600",
+    fontFamily: "monospace"
+  },
   viewHistoryButton: {
     marginLeft: 4
   },