@buoy-gg/zustand 7.0.31 → 7.0.33

package/lib/commonjs/zustand/components/ZustandModal.js

@@ -35,24 +35,34 @@ var _jsxRuntime = require("react/jsx-runtime");
  * production behaviour exactly as it was.
  */
 const CLIP_OFFSCREEN_CELLS = !(typeof process !== "undefined" && process.env?.EXPO_PUBLIC_E2E);
+
+/**
+ * The change log's "nothing here". Everything but the nouns is the shared
+ * precedence — see `ToolEmptyState` in shared-ui for why it lives there.
+ */
 function EventsEmptyState({
-  isEnabled
+  isEnabled,
+  searchText,
+  totalChanges
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.emptyState,
-    testID: `${_testIDs.ZUSTAND_TEST_ID}-empty`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Box, {
-      size: 32,
-      color: _sharedUi.night.color.textTertiary
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyTitle,
-      testID: `${_testIDs.ZUSTAND_TEST_ID}-empty-title`,
-      children: "No state changes"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyText,
-      testID: `${_testIDs.ZUSTAND_TEST_ID}-empty-text`,
-      children: isEnabled ? "State changes will appear here as stores update." : "Enable capture to start recording state changes"
-    })]
+  const content = (0, _sharedUi.resolveListEmptyState)({
+    subject: "changes",
+    search: searchText,
+    total: totalChanges,
+    capturing: isEnabled,
+    waiting: {
+      otto: "waiting",
+      title: "No state changes",
+      message: "State changes will appear here as stores update."
+    },
+    paused: {
+      title: "No state changes",
+      message: "Enable capture to start recording state changes"
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
+    ...content,
+    testID: `${_testIDs.ZUSTAND_TEST_ID}-empty`
   });
 }
 function ZustandModal({
@@ -82,6 +92,7 @@ function ZustandModal({
   const [showFilters, setShowFilters] = (0, _react.useState)(false);
   const [ignoredPatterns, setIgnoredPatterns] = (0, _react.useState)(new Set());
   const {
+    stateChanges,
     filteredChanges,
     filter,
     setFilter,
@@ -104,6 +115,16 @@ function ZustandModal({
     return stores.filter(s => !Array.from(ignoredPatterns).some(p => s.name.toLowerCase().includes(p.toLowerCase())));
   }, [stores, ignoredPatterns]);
 
+  /**
+   * How many changes this store has captured, before the search — the
+   * denominator the scoped empty state needs so "clear the search" is only
+   * offered when clearing it would actually show something.
+   */
+  const scopedTotalForStore = (0, _react.useMemo)(() => {
+    if (!selectedHistoryStore) return 0;
+    return stateChanges.filter(c => c.storeName === selectedHistoryStore).length;
+  }, [stateChanges, selectedHistoryStore]);
+
   // Scope to a store BEFORE the tier cap, not after.
   //
   // The other way round, the cap was applied to the whole log and a store's
@@ -511,19 +532,24 @@ function ZustandModal({
         maxToRenderPerBatch: 8,
         windowSize: 5,
         updateCellsBatchingPeriod: 50
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.emptyState,
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
         testID: `${_testIDs.ZUSTAND_TEST_ID}-history-empty`,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Box, {
-          size: 32,
-          color: _sharedUi.night.color.textTertiary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyTitle,
-          children: "No history yet"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.emptyText,
-          children: ["State changes for ", selectedHistoryStore, " will appear here."]
-        })]
+        ...(0, _sharedUi.resolveListEmptyState)({
+          subject: "changes",
+          search: searchText,
+          // Scoped to one store, so the count is this store's, not the log's.
+          total: searchText.trim() ? scopedTotalForStore : 0,
+          capturing: isEnabled,
+          waiting: {
+            otto: "waiting",
+            title: "No history yet",
+            message: `State changes for ${selectedHistoryStore} will appear here.`
+          },
+          paused: {
+            title: "No history yet",
+            message: `Capture is off, so nothing is being recorded for ${selectedHistoryStore}.`
+          }
+        })
       });
     }
 
@@ -539,19 +565,15 @@ function ZustandModal({
       /*#__PURE__*/
       // The store fell out of the registry mid-look (a remote mirror
       // rebuilding, a dev reload). Say so rather than rendering nothing.
-      (0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.emptyState,
-        testID: `${_testIDs.ZUSTAND_TEST_ID}-store-detail-gone`,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Box, {
-          size: 32,
-          color: _sharedUi.night.color.textTertiary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyTitle,
-          children: "Store no longer registered"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.emptyText,
-          children: [selectedStoreName, " is not in the registry any more."]
-        })]
+      (0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
+        testID: `${_testIDs.ZUSTAND_TEST_ID}-store-detail-gone`
+        // ghost = "stale or detached: an unmounted component, an old
+        // snapshot" — exactly what the store you are looking at has become.
+        // No other tool has this cause, so it skips the resolver.
+        ,
+        otto: "ghost",
+        title: "Store no longer registered",
+        message: `${selectedStoreName} is not in the registry any more.`
       });
     }
 
@@ -611,7 +633,9 @@ function ZustandModal({
         windowSize: 5,
         updateCellsBatchingPeriod: 50
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EventsEmptyState, {
-        isEnabled: isEnabled
+        isEnabled: isEnabled,
+        searchText: searchText,
+        totalChanges: stats.totalChanges
       })]
     });
   };
@@ -656,6 +680,7 @@ function ZustandModal({
         style: styles.inlineRoot,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.inlineHeader,
+          ..._sharedUi.windowDragProps,
           children: renderHeaderContent()
         }), body, footerNode]
       }), upgradeModal]
@@ -778,23 +803,6 @@ const styles = _reactNative.StyleSheet.create({
     paddingTop: 8,
     paddingBottom: 20
   },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40
-  },
-  emptyTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 12,
-    textAlign: "center",
-    lineHeight: 18
-  },
   lockedBanner: {
     flexDirection: "row",
     alignItems: "center",

package/lib/commonjs/zustand/components/ZustandStoreBrowser.js

@@ -44,36 +44,26 @@ function getKeysPreview(store) {
   }
 }
 function LoadingBrowserState() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.emptyState,
-    testID: `${_testIDs.ZUSTAND_TEST_ID}-stores-loading`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-      size: "small",
-      color: _sharedUi.night.color.textTertiary
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyTitle,
-      children: "Loading stores\u2026"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyText,
-      children: "Waiting for the device to send its registered stores."
-    })]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
+    testID: `${_testIDs.ZUSTAND_TEST_ID}-stores-loading`
+    // Replaces the spinner rather than joining it: two animated things
+    // stacked is clutter, and `loading` IS the indeterminate spinner in
+    // mascot form.
+    ,
+    otto: "loading",
+    title: "Loading stores\u2026",
+    message: "Waiting for the device to send its registered stores."
   });
 }
 function EmptyBrowserState() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.emptyState,
-    testID: `${_testIDs.ZUSTAND_TEST_ID}-stores-empty`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Box, {
-      size: 32,
-      color: _sharedUi.night.color.textTertiary
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyTitle,
-      testID: `${_testIDs.ZUSTAND_TEST_ID}-stores-empty-title`,
-      children: "No stores registered"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyText,
-      children: "Use watchStores() to register your Zustand stores.\nThey will appear here with their current state."
-    })]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
+    testID: `${_testIDs.ZUSTAND_TEST_ID}-stores-empty`
+    // scanning = "scanning for targets… and finding none". The registry is
+    // discovered, not configured, so an empty one is a scan result.
+    ,
+    otto: "scanning",
+    title: "No stores registered",
+    message: "Use watchStores() to register your Zustand stores.\nThey will appear here with their current state."
   });
 }
 function ZustandStoreBrowser({
@@ -92,17 +82,19 @@ function ZustandStoreBrowser({
     return isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingBrowserState, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyBrowserState, {});
   }
   if (filteredStores.length === 0 && searchQuery) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.emptyState,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
       testID: `${_testIDs.ZUSTAND_TEST_ID}-stores-no-match`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyTitle,
-        testID: `${_testIDs.ZUSTAND_TEST_ID}-stores-no-match-title`,
-        children: "No matching stores"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.emptyText,
-        children: ["No stores match \"", searchQuery, "\""]
-      })]
+      ...(0, _sharedUi.resolveListEmptyState)({
+        subject: "stores",
+        verb: "registered",
+        search: searchQuery,
+        total: stores.length,
+        waiting: {
+          otto: "scanning",
+          title: "No stores registered",
+          message: "Use watchStores() to register your Zustand stores."
+        }
+      })
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
@@ -208,22 +200,5 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "700",
     color: _sharedUi.night.color.accent,
     fontFamily: "monospace"
-  },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40
-  },
-  emptyTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 12,
-    textAlign: "center",
-    lineHeight: 18
   }
 });

package/lib/module/zustand/components/ZustandModal.js

@@ -10,7 +10,7 @@
 
 import { useState, useMemo, useRef, useCallback, useEffect } from "react";
 import { View, Text, StyleSheet, FlatList, TextInput, TouchableOpacity } from "react-native";
-import { JsModal, ModalHeader, TabSelector, macOSColors, night, Search, Filter, Power, X, Lock, Box, devToolsStorageKeys, ProUpgradeModal, PowerToggleButton, ToolbarCopyButton, ToolbarClearButton, truncatePayload, TickProvider, useLimit } from "@buoy-gg/shared-ui";
+import { JsModal, ModalHeader, TabSelector, macOSColors, night, ToolEmptyState, resolveListEmptyState, Search, Filter, Power, X, Lock, devToolsStorageKeys, ProUpgradeModal, PowerToggleButton, ToolbarCopyButton, ToolbarClearButton, truncatePayload, TickProvider, useLimit, windowDragProps } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { useZustandStateChanges } from "../hooks/useZustandStateChanges";
 import { ZustandStateChangeItem } from "./ZustandStateChangeItem";
@@ -30,24 +30,34 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * production behaviour exactly as it was.
  */
 const CLIP_OFFSCREEN_CELLS = !(typeof process !== "undefined" && process.env?.EXPO_PUBLIC_E2E);
+
+/**
+ * The change log's "nothing here". Everything but the nouns is the shared
+ * precedence — see `ToolEmptyState` in shared-ui for why it lives there.
+ */
 function EventsEmptyState({
-  isEnabled
+  isEnabled,
+  searchText,
+  totalChanges
 }) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.emptyState,
-    testID: `${ZUSTAND_TEST_ID}-empty`,
-    children: [/*#__PURE__*/_jsx(Box, {
-      size: 32,
-      color: night.color.textTertiary
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyTitle,
-      testID: `${ZUSTAND_TEST_ID}-empty-title`,
-      children: "No state changes"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyText,
-      testID: `${ZUSTAND_TEST_ID}-empty-text`,
-      children: isEnabled ? "State changes will appear here as stores update." : "Enable capture to start recording state changes"
-    })]
+  const content = resolveListEmptyState({
+    subject: "changes",
+    search: searchText,
+    total: totalChanges,
+    capturing: isEnabled,
+    waiting: {
+      otto: "waiting",
+      title: "No state changes",
+      message: "State changes will appear here as stores update."
+    },
+    paused: {
+      title: "No state changes",
+      message: "Enable capture to start recording state changes"
+    }
+  });
+  return /*#__PURE__*/_jsx(ToolEmptyState, {
+    ...content,
+    testID: `${ZUSTAND_TEST_ID}-empty`
   });
 }
 export function ZustandModal({
@@ -77,6 +87,7 @@ export function ZustandModal({
   const [showFilters, setShowFilters] = useState(false);
   const [ignoredPatterns, setIgnoredPatterns] = useState(new Set());
   const {
+    stateChanges,
     filteredChanges,
     filter,
     setFilter,
@@ -99,6 +110,16 @@ export function ZustandModal({
     return stores.filter(s => !Array.from(ignoredPatterns).some(p => s.name.toLowerCase().includes(p.toLowerCase())));
   }, [stores, ignoredPatterns]);
 
+  /**
+   * How many changes this store has captured, before the search — the
+   * denominator the scoped empty state needs so "clear the search" is only
+   * offered when clearing it would actually show something.
+   */
+  const scopedTotalForStore = useMemo(() => {
+    if (!selectedHistoryStore) return 0;
+    return stateChanges.filter(c => c.storeName === selectedHistoryStore).length;
+  }, [stateChanges, selectedHistoryStore]);
+
   // Scope to a store BEFORE the tier cap, not after.
   //
   // The other way round, the cap was applied to the whole log and a store's
@@ -506,19 +527,24 @@ export function ZustandModal({
         maxToRenderPerBatch: 8,
         windowSize: 5,
         updateCellsBatchingPeriod: 50
-      }) : /*#__PURE__*/_jsxs(View, {
-        style: styles.emptyState,
+      }) : /*#__PURE__*/_jsx(ToolEmptyState, {
         testID: `${ZUSTAND_TEST_ID}-history-empty`,
-        children: [/*#__PURE__*/_jsx(Box, {
-          size: 32,
-          color: night.color.textTertiary
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.emptyTitle,
-          children: "No history yet"
-        }), /*#__PURE__*/_jsxs(Text, {
-          style: styles.emptyText,
-          children: ["State changes for ", selectedHistoryStore, " will appear here."]
-        })]
+        ...resolveListEmptyState({
+          subject: "changes",
+          search: searchText,
+          // Scoped to one store, so the count is this store's, not the log's.
+          total: searchText.trim() ? scopedTotalForStore : 0,
+          capturing: isEnabled,
+          waiting: {
+            otto: "waiting",
+            title: "No history yet",
+            message: `State changes for ${selectedHistoryStore} will appear here.`
+          },
+          paused: {
+            title: "No history yet",
+            message: `Capture is off, so nothing is being recorded for ${selectedHistoryStore}.`
+          }
+        })
       });
     }
 
@@ -534,19 +560,15 @@ export function ZustandModal({
       /*#__PURE__*/
       // The store fell out of the registry mid-look (a remote mirror
       // rebuilding, a dev reload). Say so rather than rendering nothing.
-      _jsxs(View, {
-        style: styles.emptyState,
-        testID: `${ZUSTAND_TEST_ID}-store-detail-gone`,
-        children: [/*#__PURE__*/_jsx(Box, {
-          size: 32,
-          color: night.color.textTertiary
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.emptyTitle,
-          children: "Store no longer registered"
-        }), /*#__PURE__*/_jsxs(Text, {
-          style: styles.emptyText,
-          children: [selectedStoreName, " is not in the registry any more."]
-        })]
+      _jsx(ToolEmptyState, {
+        testID: `${ZUSTAND_TEST_ID}-store-detail-gone`
+        // ghost = "stale or detached: an unmounted component, an old
+        // snapshot" — exactly what the store you are looking at has become.
+        // No other tool has this cause, so it skips the resolver.
+        ,
+        otto: "ghost",
+        title: "Store no longer registered",
+        message: `${selectedStoreName} is not in the registry any more.`
       });
     }
 
@@ -606,7 +628,9 @@ export function ZustandModal({
         windowSize: 5,
         updateCellsBatchingPeriod: 50
       }) : /*#__PURE__*/_jsx(EventsEmptyState, {
-        isEnabled: isEnabled
+        isEnabled: isEnabled,
+        searchText: searchText,
+        totalChanges: stats.totalChanges
       })]
     });
   };
@@ -651,6 +675,7 @@ export function ZustandModal({
         style: styles.inlineRoot,
         children: [/*#__PURE__*/_jsx(View, {
           style: styles.inlineHeader,
+          ...windowDragProps,
           children: renderHeaderContent()
         }), body, footerNode]
       }), upgradeModal]
@@ -773,23 +798,6 @@ const styles = StyleSheet.create({
     paddingTop: 8,
     paddingBottom: 20
   },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40
-  },
-  emptyTitle: {
-    color: night.color.text,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: night.color.textTertiary,
-    fontSize: 12,
-    textAlign: "center",
-    lineHeight: 18
-  },
   lockedBanner: {
     flexDirection: "row",
     alignItems: "center",

package/lib/module/zustand/components/ZustandStoreBrowser.js

@@ -10,8 +10,8 @@
  */
 
 import { useMemo } from "react";
-import { View, Text, StyleSheet, ScrollView, ActivityIndicator } from "react-native";
-import { CompactRow, night, Box } from "@buoy-gg/shared-ui";
+import { View, Text, StyleSheet, ScrollView } from "react-native";
+import { CompactRow, night, ToolEmptyState, resolveListEmptyState } from "@buoy-gg/shared-ui";
 import { zustandStateStore } from "../utils/zustandStateStore";
 import { ZUSTAND_TEST_ID, storeRowTestID } from "../utils/testIDs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -40,36 +40,26 @@ function getKeysPreview(store) {
   }
 }
 function LoadingBrowserState() {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.emptyState,
-    testID: `${ZUSTAND_TEST_ID}-stores-loading`,
-    children: [/*#__PURE__*/_jsx(ActivityIndicator, {
-      size: "small",
-      color: night.color.textTertiary
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyTitle,
-      children: "Loading stores\u2026"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyText,
-      children: "Waiting for the device to send its registered stores."
-    })]
+  return /*#__PURE__*/_jsx(ToolEmptyState, {
+    testID: `${ZUSTAND_TEST_ID}-stores-loading`
+    // Replaces the spinner rather than joining it: two animated things
+    // stacked is clutter, and `loading` IS the indeterminate spinner in
+    // mascot form.
+    ,
+    otto: "loading",
+    title: "Loading stores\u2026",
+    message: "Waiting for the device to send its registered stores."
   });
 }
 function EmptyBrowserState() {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.emptyState,
-    testID: `${ZUSTAND_TEST_ID}-stores-empty`,
-    children: [/*#__PURE__*/_jsx(Box, {
-      size: 32,
-      color: night.color.textTertiary
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyTitle,
-      testID: `${ZUSTAND_TEST_ID}-stores-empty-title`,
-      children: "No stores registered"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyText,
-      children: "Use watchStores() to register your Zustand stores.\nThey will appear here with their current state."
-    })]
+  return /*#__PURE__*/_jsx(ToolEmptyState, {
+    testID: `${ZUSTAND_TEST_ID}-stores-empty`
+    // scanning = "scanning for targets… and finding none". The registry is
+    // discovered, not configured, so an empty one is a scan result.
+    ,
+    otto: "scanning",
+    title: "No stores registered",
+    message: "Use watchStores() to register your Zustand stores.\nThey will appear here with their current state."
   });
 }
 export function ZustandStoreBrowser({
@@ -88,17 +78,19 @@ export function ZustandStoreBrowser({
     return isLoading ? /*#__PURE__*/_jsx(LoadingBrowserState, {}) : /*#__PURE__*/_jsx(EmptyBrowserState, {});
   }
   if (filteredStores.length === 0 && searchQuery) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.emptyState,
+    return /*#__PURE__*/_jsx(ToolEmptyState, {
       testID: `${ZUSTAND_TEST_ID}-stores-no-match`,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.emptyTitle,
-        testID: `${ZUSTAND_TEST_ID}-stores-no-match-title`,
-        children: "No matching stores"
-      }), /*#__PURE__*/_jsxs(Text, {
-        style: styles.emptyText,
-        children: ["No stores match \"", searchQuery, "\""]
-      })]
+      ...resolveListEmptyState({
+        subject: "stores",
+        verb: "registered",
+        search: searchQuery,
+        total: stores.length,
+        waiting: {
+          otto: "scanning",
+          title: "No stores registered",
+          message: "Use watchStores() to register your Zustand stores."
+        }
+      })
     });
   }
   return /*#__PURE__*/_jsxs(ScrollView, {
@@ -204,22 +196,5 @@ const styles = StyleSheet.create({
     fontWeight: "700",
     color: night.color.accent,
     fontFamily: "monospace"
-  },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40
-  },
-  emptyTitle: {
-    color: night.color.text,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: night.color.textTertiary,
-    fontSize: 12,
-    textAlign: "center",
-    lineHeight: 18
   }
 });

package/lib/typescript/zustand/components/ZustandModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZustandModal.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandModal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA6CH,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAC;AAkCtE,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,EACd,aAAqB,EACrB,UAAqB,EACrB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,aAAa,GACd,EAAE,iBAAiB,sCAyuBnB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,GAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAGtE"}
+{"version":3,"file":"ZustandModal.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandModal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAiDH,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAC;AAkDtE,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,EACd,aAAqB,EACrB,UAAqB,EACrB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,aAAa,GACd,EAAE,iBAAiB,sCAiwBnB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,GAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAGtE"}

package/lib/typescript/zustand/components/ZustandStoreBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZustandStoreBrowser.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandStoreBrowser.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAWH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIjD,UAAU,wBAAwB;IAChC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AA4DD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,WAAW,EACX,SAAiB,EACjB,WAAW,GACZ,EAAE,wBAAwB,+BA6F1B"}
+{"version":3,"file":"ZustandStoreBrowser.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandStoreBrowser.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIjD,UAAU,wBAAwB;IAChC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AA4DD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,WAAW,EACX,SAAiB,EACjB,WAAW,GACZ,EAAE,wBAAwB,+BAgG1B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/zustand",
-  "version": "7.0.31",
+  "version": "7.0.33",
   "description": "Zustand devtools inside your React Native app — state diffs, jump-to-state & one-tap store reset, no middleware. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -29,8 +29,8 @@
     "**/snapshotProvider.ts"
   ],
   "dependencies": {
-    "@buoy-gg/license": "^7.0.31",
-    "@buoy-gg/shared-ui": "^7.0.31"
+    "@buoy-gg/shared-ui": "^7.0.33",
+    "@buoy-gg/license": "^7.0.33"
   },
   "peerDependencies": {
     "react": "*",