@buoy-gg/storage 1.7.8 → 2.1.2

package/lib/commonjs/index.js

@@ -3,32 +3,235 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  storageToolPreset: true,
-  createStorageTool: true
-};
+Object.defineProperty(exports, "MMKVInstanceInfoPanel", {
+  enumerable: true,
+  get: function () {
+    return _MMKVInstanceInfoPanel.MMKVInstanceInfoPanel;
+  }
+});
+Object.defineProperty(exports, "MMKVInstanceSelector", {
+  enumerable: true,
+  get: function () {
+    return _MMKVInstanceSelector.MMKVInstanceSelector;
+  }
+});
+Object.defineProperty(exports, "StorageBrowserMode", {
+  enumerable: true,
+  get: function () {
+    return _StorageBrowserMode.StorageBrowserMode;
+  }
+});
+Object.defineProperty(exports, "StorageEventCard", {
+  enumerable: true,
+  get: function () {
+    return _StorageEventCard.StorageEventCard;
+  }
+});
+Object.defineProperty(exports, "StorageEventDetailContent", {
+  enumerable: true,
+  get: function () {
+    return _StorageEventDetailContent.StorageEventDetailContent;
+  }
+});
+Object.defineProperty(exports, "StorageEventDetailFooter", {
+  enumerable: true,
+  get: function () {
+    return _StorageEventDetailContent.StorageEventDetailFooter;
+  }
+});
+Object.defineProperty(exports, "StorageEventsSection", {
+  enumerable: true,
+  get: function () {
+    return _StorageEventsSection.StorageEventsSection;
+  }
+});
+Object.defineProperty(exports, "StorageKeyCard", {
+  enumerable: true,
+  get: function () {
+    return _StorageKeyCard.StorageKeyCard;
+  }
+});
+Object.defineProperty(exports, "StorageKeySection", {
+  enumerable: true,
+  get: function () {
+    return _StorageKeySection.StorageKeySection;
+  }
+});
+Object.defineProperty(exports, "StorageKeyStatsSection", {
+  enumerable: true,
+  get: function () {
+    return _StorageKeyStats.StorageKeyStatsSection;
+  }
+});
+Object.defineProperty(exports, "StorageModalWithTabs", {
+  enumerable: true,
+  get: function () {
+    return _StorageModalWithTabs.StorageModalWithTabs;
+  }
+});
+Object.defineProperty(exports, "StorageSection", {
+  enumerable: true,
+  get: function () {
+    return _StorageSection.StorageSection;
+  }
+});
+Object.defineProperty(exports, "canUndo", {
+  enumerable: true,
+  get: function () {
+    return _storageTimeTravelUtils.canUndo;
+  }
+});
+Object.defineProperty(exports, "clearAllAppStorage", {
+  enumerable: true,
+  get: function () {
+    return _clearAllStorage.clearAllAppStorage;
+  }
+});
 Object.defineProperty(exports, "createStorageTool", {
   enumerable: true,
   get: function () {
     return _preset.createStorageTool;
   }
 });
+Object.defineProperty(exports, "detectMMKVType", {
+  enumerable: true,
+  get: function () {
+    return _mmkvTypeDetection.detectMMKVType;
+  }
+});
+Object.defineProperty(exports, "formatMMKVValue", {
+  enumerable: true,
+  get: function () {
+    return _mmkvTypeDetection.formatMMKVValue;
+  }
+});
+Object.defineProperty(exports, "getMMKVClass", {
+  enumerable: true,
+  get: function () {
+    return _mmkvAvailability.getMMKVClass;
+  }
+});
+Object.defineProperty(exports, "getMMKVUnavailableMessage", {
+  enumerable: true,
+  get: function () {
+    return _mmkvAvailability.getMMKVUnavailableMessage;
+  }
+});
+Object.defineProperty(exports, "getValueType", {
+  enumerable: true,
+  get: function () {
+    return _StorageEventCard.getValueType;
+  }
+});
+Object.defineProperty(exports, "isMMKVAvailable", {
+  enumerable: true,
+  get: function () {
+    return _mmkvAvailability.isMMKVAvailable;
+  }
+});
+Object.defineProperty(exports, "isTypeMatch", {
+  enumerable: true,
+  get: function () {
+    return _mmkvTypeDetection.isTypeMatch;
+  }
+});
+Object.defineProperty(exports, "jumpToState", {
+  enumerable: true,
+  get: function () {
+    return _storageTimeTravelUtils.jumpToState;
+  }
+});
+Object.defineProperty(exports, "registerMMKVInstance", {
+  enumerable: true,
+  get: function () {
+    return _MMKVInstanceRegistry.registerMMKVInstance;
+  }
+});
+Object.defineProperty(exports, "storageEventStore", {
+  enumerable: true,
+  get: function () {
+    return _storageEventStore.storageEventStore;
+  }
+});
 Object.defineProperty(exports, "storageToolPreset", {
   enumerable: true,
   get: function () {
     return _preset.storageToolPreset;
   }
 });
+Object.defineProperty(exports, "undoOperation", {
+  enumerable: true,
+  get: function () {
+    return _storageTimeTravelUtils.undoOperation;
+  }
+});
+Object.defineProperty(exports, "unregisterMMKVInstance", {
+  enumerable: true,
+  get: function () {
+    return _MMKVInstanceRegistry.unregisterMMKVInstance;
+  }
+});
+Object.defineProperty(exports, "useAsyncStorageKeys", {
+  enumerable: true,
+  get: function () {
+    return _useAsyncStorageKeys.useAsyncStorageKeys;
+  }
+});
+Object.defineProperty(exports, "useMMKVInstance", {
+  enumerable: true,
+  get: function () {
+    return _useMMKVInstances.useMMKVInstance;
+  }
+});
+Object.defineProperty(exports, "useMMKVInstanceExists", {
+  enumerable: true,
+  get: function () {
+    return _useMMKVInstances.useMMKVInstanceExists;
+  }
+});
+Object.defineProperty(exports, "useMMKVInstances", {
+  enumerable: true,
+  get: function () {
+    return _useMMKVInstances.useMMKVInstances;
+  }
+});
+Object.defineProperty(exports, "useMMKVKeys", {
+  enumerable: true,
+  get: function () {
+    return _useMMKVKeys.useMMKVKeys;
+  }
+});
+Object.defineProperty(exports, "useMultiMMKVKeys", {
+  enumerable: true,
+  get: function () {
+    return _useMMKVKeys.useMultiMMKVKeys;
+  }
+});
+Object.defineProperty(exports, "useStorageEvents", {
+  enumerable: true,
+  get: function () {
+    return _useStorageEvents.useStorageEvents;
+  }
+});
 var _preset = require("./preset");
-var _storage = require("./storage");
-Object.keys(_storage).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _storage[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _storage[key];
-    }
-  });
-});
+var _StorageSection = require("./storage/components/StorageSection");
+var _StorageModalWithTabs = require("./storage/components/StorageModalWithTabs");
+var _StorageKeyCard = require("./storage/components/StorageKeyCard");
+var _StorageKeyStats = require("./storage/components/StorageKeyStats");
+var _StorageKeySection = require("./storage/components/StorageKeySection");
+var _StorageBrowserMode = require("./storage/components/StorageBrowserMode");
+var _StorageEventsSection = require("./storage/components/StorageEventsSection");
+var _StorageEventCard = require("./storage/components/StorageEventCard");
+var _StorageEventDetailContent = require("./storage/components/StorageEventDetailContent");
+var _MMKVInstanceSelector = require("./storage/components/MMKVInstanceSelector");
+var _MMKVInstanceInfoPanel = require("./storage/components/MMKVInstanceInfoPanel");
+var _useAsyncStorageKeys = require("./storage/hooks/useAsyncStorageKeys");
+var _useMMKVKeys = require("./storage/hooks/useMMKVKeys");
+var _useMMKVInstances = require("./storage/hooks/useMMKVInstances");
+var _useStorageEvents = require("./storage/hooks/useStorageEvents");
+var _clearAllStorage = require("./storage/utils/clearAllStorage");
+var _mmkvAvailability = require("./storage/utils/mmkvAvailability");
+var _mmkvTypeDetection = require("./storage/utils/mmkvTypeDetection");
+var _storageTimeTravelUtils = require("./storage/utils/storageTimeTravelUtils");
+var _MMKVInstanceRegistry = require("./storage/utils/MMKVInstanceRegistry");
+var _storageEventStore = require("./storage/stores/storageEventStore");

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

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StorageEventCard = void 0;
+exports.getValueType = getValueType;
+var _react = require("react");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _storageActionHelpers = require("../utils/storageActionHelpers");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * StorageEventCard
+ *
+ * Shared card component for displaying storage events.
+ * Used by both Storage DevTools and Events DevTools for consistent UI.
+ * Uses CompactRow for consistent layout with Redux/React Query cards.
+ */
+
+/** Value type for storage events */
+
+/**
+ * Compute value type from a value
+ */
+function getValueType(value) {
+  const parsed = (0, _sharedUi.parseValue)(value);
+  if (parsed === null) return "null";
+  if (parsed === undefined) return "undefined";
+  if (Array.isArray(parsed)) return "array";
+  if (typeof parsed === "boolean") return "boolean";
+  if (typeof parsed === "number") return "number";
+  if (typeof parsed === "string") return "string";
+  if (typeof parsed === "object") return "object";
+  return "undefined";
+}
+/**
+ * Get color for action type
+ */
+function getActionColor(action) {
+  switch (action) {
+    // AsyncStorage & MMKV - Set operations
+    case "setItem":
+    case "multiSet":
+    case "set.string":
+    case "set.number":
+    case "set.boolean":
+    case "set.buffer":
+      return _sharedUi.macOSColors.semantic.success;
+
+    // AsyncStorage & MMKV - Remove/Delete operations
+    case "removeItem":
+    case "multiRemove":
+    case "clear":
+    case "delete":
+    case "clearAll":
+      return _sharedUi.macOSColors.semantic.error;
+
+    // AsyncStorage - Merge operations
+    case "mergeItem":
+    case "multiMerge":
+      return _sharedUi.macOSColors.semantic.info;
+
+    // MMKV - Get operations
+    case "get.string":
+    case "get.number":
+    case "get.boolean":
+    case "get.buffer":
+      return _sharedUi.macOSColors.semantic.warning;
+    default:
+      return _sharedUi.macOSColors.text.muted;
+  }
+}
+
+/**
+ * Get storage type label for sublabel
+ */
+function getStorageTypeSublabel(storageTypes, totalOps) {
+  const types = Array.from(storageTypes).map(t => t === "async" ? "Async" : "MMKV").join("/");
+  return `${types} · ${totalOps} op${totalOps !== 1 ? "s" : ""}`;
+}
+const StorageEventCard = exports.StorageEventCard = /*#__PURE__*/(0, _react.memo)(function StorageEventCard({
+  data,
+  onPress,
+  isSelected = false,
+  showChevron = true
+}) {
+  const actionColor = getActionColor(data.lastAction);
+  const actionLabel = (0, _storageActionHelpers.translateStorageAction)(data.lastAction);
+  const totalOps = data.totalOperations ?? 1;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow
+  // Status section (left) - shows "Storage" with action-colored dot
+  , {
+    statusDotColor: actionColor,
+    statusLabel: "Storage",
+    statusSublabel: getStorageTypeSublabel(data.storageTypes, totalOps)
+    // Content section (middle) - shows the key name
+    ,
+    primaryText: data.key
+    // Badge section (right) - shows action label (SET, REMOVE, etc.)
+    ,
+    badgeText: actionLabel,
+    badgeColor: actionColor,
+    showChevron: showChevron
+    // Bottom right - timestamp
+    ,
+    bottomRightText: (0, _sharedUi.formatRelativeTime)(data.lastEventTimestamp)
+    // Interaction
+    ,
+    isSelected: isSelected,
+    onPress: onPress
+  });
+});

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

@@ -12,22 +12,16 @@ var _sharedUi = require("@buoy-gg/shared-ui");
 var _StorageBrowserMode = require("./StorageBrowserMode");
 var _clearAllStorage = require("../utils/clearAllStorage");
 var _AsyncStorageListener = require("../utils/AsyncStorageListener");
+var _useStorageEvents = require("../hooks/useStorageEvents");
 var _StorageEventDetailContent = require("./StorageEventDetailContent");
 var _StorageFilterViewV = require("./StorageFilterViewV2");
 var _StorageEventFilterView = require("./StorageEventFilterView");
-var _storageActionHelpers = require("../utils/storageActionHelpers");
-var _mmkvAvailability = require("../utils/mmkvAvailability");
+var _StorageEventCard = require("./StorageEventCard");
 var _license = require("@buoy-gg/license");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Conditionally import MMKV listener
-let addMMKVListener;
-if ((0, _mmkvAvailability.isMMKVAvailable)()) {
-  const mmkvListener = require("../utils/MMKVListener");
-  addMMKVListener = mmkvListener.addMMKVListener;
-}
-
-// Unified storage event type
+// Note: StorageEvent type is now imported from useStorageEvents hook
+// which handles both AsyncStorage and MMKV events via the centralized store
 
 // Free tier limit for storage events/conversations
 const FREE_TIER_EVENT_LIMIT = exports.FREE_TIER_EVENT_LIMIT = 25;
@@ -50,8 +44,16 @@ function StorageModalWithTabs({
   const [isSearchActive, setIsSearchActive] = (0, _react.useState)(false);
   const hasLoadedStorageFilters = (0, _react.useRef)(false);
 
-  // Event Listener state
-  const [events, setEvents] = (0, _react.useState)([]);
+  // Event Listener state - using centralized store via hook
+  const {
+    events,
+    clearEvents: clearStorageEvents,
+    isCapturing,
+    startCapturing,
+    stopCapturing
+  } = (0, _useStorageEvents.useStorageEvents)({
+    autoStart: false
+  }); // Don't auto-start, we manage it
   const [isListening, setIsListening] = (0, _react.useState)(false);
   const [selectedConversationKey, setSelectedConversationKey] = (0, _react.useState)(null);
   const [selectedEventIndex, setSelectedEventIndex] = (0, _react.useState)(0);
@@ -64,6 +66,11 @@ function StorageModalWithTabs({
   const hasLoadedFilters = (0, _react.useRef)(false);
   const hasLoadedTabState = (0, _react.useRef)(false);
   const hasLoadedMonitoringState = (0, _react.useRef)(false);
+
+  // Sync isListening state with hook's isCapturing
+  (0, _react.useEffect)(() => {
+    setIsListening(isCapturing);
+  }, [isCapturing]);
   const handleModeChange = (0, _react.useCallback)(_mode => {
     // Mode changes handled by JsModal
   }, []);
@@ -95,9 +102,8 @@ function StorageModalWithTabs({
         const storedMonitoring = await _asyncStorage.default.getItem(_sharedUi.devToolsStorageKeys.storage.isMonitoring());
         if (storedMonitoring !== null) {
           const shouldMonitor = storedMonitoring === "true";
-          if (shouldMonitor && !(0, _AsyncStorageListener.isListening)()) {
-            await (0, _AsyncStorageListener.startListening)();
-            setIsListening(true);
+          if (shouldMonitor && !isCapturing) {
+            await startCapturing();
           }
         }
         hasLoadedMonitoringState.current = true;
@@ -106,7 +112,7 @@ function StorageModalWithTabs({
       }
     };
     loadMonitoringState();
-  }, [visible]);
+  }, [visible, isCapturing, startCapturing]);
 
   // Note: Conversations will appear when storage events are triggered
   // Click on any conversation to see the unified view with toggle cards
@@ -172,65 +178,21 @@ function StorageModalWithTabs({
     saveFilters();
   }, [ignoredPatterns]);
 
-  // Sync isListening state with actual listener state on mount
-  (0, _react.useEffect)(() => {
-    if (!visible) return;
-
-    // Check if already listening and sync state
-    const listening = (0, _AsyncStorageListener.isListening)();
-    setIsListening(listening);
-  }, [visible]);
+  // Event listener setup - now handled by useStorageEvents hook
+  // The hook subscribes to the centralized storageEventStore
 
-  // Event listener setup - only collect events when isListening is true
-  (0, _react.useEffect)(() => {
-    if (!visible || !isListening) return;
-
-    // Set up AsyncStorage event listener
-    const unsubscribeAsync = (0, _AsyncStorageListener.addListener)(event => {
-      const storageEvent = {
-        ...event,
-        storageType: 'async'
-      };
-      lastEventRef.current = storageEvent;
-      setEvents(prev => {
-        const updated = [storageEvent, ...prev];
-        return updated.slice(0, 500);
-      });
-    });
-
-    // Set up MMKV event listener (if available)
-    let unsubscribeMMKV = () => {};
-    if ((0, _mmkvAvailability.isMMKVAvailable)() && addMMKVListener) {
-      unsubscribeMMKV = addMMKVListener(event => {
-        const storageEvent = {
-          ...event,
-          storageType: 'mmkv'
-        };
-        lastEventRef.current = storageEvent;
-        setEvents(prev => {
-          const updated = [storageEvent, ...prev];
-          return updated.slice(0, 500);
-        });
-      });
-    }
-    return () => {
-      unsubscribeAsync();
-      unsubscribeMMKV();
-    };
-  }, [visible, isListening]);
   const handleToggleListening = (0, _react.useCallback)(async () => {
     if (isListening) {
-      (0, _AsyncStorageListener.stopListening)();
-      setIsListening(false);
+      stopCapturing();
+      (0, _AsyncStorageListener.stopListening)(); // Also stop the underlying AsyncStorage listener
     } else {
-      await (0, _AsyncStorageListener.startListening)();
-      setIsListening(true);
+      await startCapturing();
     }
-  }, [isListening]);
+  }, [isListening, startCapturing, stopCapturing]);
   const handleClearEvents = (0, _react.useCallback)(() => {
-    setEvents([]);
+    clearStorageEvents();
     setSelectedConversationKey(null);
-  }, []);
+  }, [clearStorageEvents]);
   const handleConversationPress = (0, _react.useCallback)(conversation => {
     setSelectedConversationKey(conversation.key);
     setSelectedEventIndex(0);
@@ -407,44 +369,6 @@ function StorageModalWithTabs({
     if (isPro) return 0;
     return Math.max(0, conversations.length - FREE_TIER_EVENT_LIMIT);
   }, [conversations.length, isPro]);
-  const getActionColor = action => {
-    switch (action) {
-      // AsyncStorage - Set operations
-      case "setItem":
-      case "multiSet":
-      // MMKV - Set operations
-      // falls through
-      case "set.string":
-      case "set.number":
-      case "set.boolean":
-      case "set.buffer":
-        return _sharedUi.macOSColors.semantic.success;
-
-      // AsyncStorage - Remove operations
-      case "removeItem":
-      case "multiRemove":
-      case "clear":
-      // MMKV - Delete operations
-      // falls through
-      case "delete":
-      case "clearAll":
-        return _sharedUi.macOSColors.semantic.error;
-
-      // AsyncStorage - Merge operations
-      case "mergeItem":
-      case "multiMerge":
-        return _sharedUi.macOSColors.semantic.info;
-
-      // MMKV - Get operations
-      case "get.string":
-      case "get.number":
-      case "get.boolean":
-      case "get.buffer":
-        return _sharedUi.macOSColors.semantic.warning;
-      default:
-        return _sharedUi.macOSColors.text.muted;
-    }
-  };
 
   // FlatList optimization constants
   const END_REACHED_THRESHOLD = 0.8;
@@ -464,35 +388,17 @@ function StorageModalWithTabs({
   const renderConversationItem = (0, _react.useCallback)(({
     item
   }) => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      onPress: () => selectConversationRef.current?.(item),
-      style: styles.conversationItem,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.conversationHeader,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.keyText,
-          numberOfLines: 1,
-          children: item.key
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.actionText, {
-            color: getActionColor(item.lastEvent.action)
-          }],
-          children: (0, _storageActionHelpers.translateStorageAction)(item.lastEvent.action)
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.conversationDetails,
-        children: [item.storageTypes && Array.from(item.storageTypes).map(storageType => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.StorageTypeBadge, {
-          type: storageType
-        }, storageType)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ValueTypeBadge, {
-          type: item.valueType
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.operationCount,
-          children: [item.totalOperations, " operation", item.totalOperations !== 1 ? "s" : ""]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.timestamp,
-          children: (0, _sharedUi.formatRelativeTime)(item.lastEvent.timestamp)
-        })]
-      })]
+    const cardData = {
+      key: item.key,
+      lastAction: item.lastEvent.action,
+      totalOperations: item.totalOperations,
+      lastEventTimestamp: item.lastEvent.timestamp,
+      storageTypes: item.storageTypes,
+      valueType: item.valueType
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageEventCard.StorageEventCard, {
+      data: cardData,
+      onPress: () => selectConversationRef.current?.(item)
     });
   }, []);
   if (!visible) return null;
@@ -671,16 +577,10 @@ function StorageModalWithTabs({
                 size: 14,
                 color: ignoredPatterns.size > 0 ? _sharedUi.macOSColors.semantic.debug : _sharedUi.macOSColors.text.secondary
               })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              onPress: handleToggleListening,
-              style: [styles.iconButton, isListening && styles.activeButton],
-              children: isListening ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pause, {
-                size: 14,
-                color: _sharedUi.macOSColors.semantic.success
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Play, {
-                size: 14,
-                color: _sharedUi.macOSColors.semantic.success
-              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PowerToggleButton, {
+              isEnabled: isListening,
+              onToggle: handleToggleListening,
+              accessibilityLabel: "Toggle storage event monitoring"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
               onPress: handleClearEvents,
               style: styles.iconButton,
@@ -717,54 +617,9 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center"
   },
-  activeButton: {
-    backgroundColor: _sharedUi.macOSColors.semantic.successBackground
-  },
   activeFilterButton: {
     backgroundColor: _sharedUi.macOSColors.semantic.infoBackground
   },
-  conversationItem: {
-    padding: 12,
-    backgroundColor: _sharedUi.macOSColors.background.card,
-    borderRadius: 8,
-    marginHorizontal: 16
-  },
-  conversationHeader: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    marginBottom: 8
-  },
-  keyText: {
-    color: _sharedUi.macOSColors.text.primary,
-    fontSize: 14,
-    fontWeight: "600",
-    flex: 1,
-    marginRight: 8,
-    fontFamily: "monospace"
-  },
-  actionText: {
-    fontSize: 11,
-    fontWeight: "600",
-    fontFamily: "monospace",
-    textTransform: "uppercase"
-  },
-  conversationDetails: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  operationCount: {
-    color: _sharedUi.macOSColors.text.secondary,
-    fontSize: 11,
-    flex: 1,
-    fontFamily: "monospace"
-  },
-  timestamp: {
-    color: _sharedUi.macOSColors.text.muted,
-    fontSize: 11,
-    fontFamily: "monospace"
-  },
   separator: {
     height: 8
   },