@buoy-gg/zustand 7.0.33 → 7.0.35

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ZustandStateChangeItem = void 0;
 var _react = require("react");
-var _reactNative = require("react-native");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _zustandStateStore = require("../utils/zustandStateStore");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -103,68 +102,16 @@ const ZustandStateChangeItem = exports.ZustandStateChangeItem = /*#__PURE__*/(0,
   const sublabel = getSublabel(change);
   const primaryText = getPrimaryText(change);
   const badgeText = getBadgeText(change);
-
-  // Always a custom badge, even when there is no icon to hang off it. The
-  // alternative — letting CompactRow draw `badgeText` itself — leaves the one
-  // row whose badge matters most (a set that changed NOTHING) as the only row
-  // in the list with no handle on its badge.
-  const customBadge = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.badgeContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.badgeText, {
-        color: statusColor
-      }],
-      testID: testID ? `${testID}-badge` : undefined,
-      children: badgeText
-    }), change.isSlowUpdate ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.slowBadge,
-      testID: testID ? `${testID}-slow` : undefined,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
-        size: 12,
-        color: _sharedUi.buoyColors.error
-      })
-    }) : change.hasStateChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.changeBadge,
-      testID: testID ? `${testID}-change` : undefined,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
-        size: 12,
-        color: _sharedUi.buoyColors.warning
-      })
-    }) : null]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
-    statusDotColor: statusColor,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChangeRow, {
+    statusColor: statusColor,
     statusLabel: statusLabel,
-    statusSublabel: sublabel,
+    sublabel: sublabel,
     primaryText: primaryText,
-    bottomRightText: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RelativeTime, {
-      timestamp: change.timestamp
-    }),
-    customBadge: customBadge,
-    badgeColor: statusColor,
-    showChevron: true,
+    timestamp: change.timestamp,
+    badgeText: badgeText,
+    changed: change.hasStateChange,
+    slow: change.isSlowUpdate,
     onPress: () => onPress(change),
-    testID: testID,
-    statusTestID: testID ? `${testID}-status` : undefined,
-    statusSublabelTestID: testID ? `${testID}-sublabel` : undefined,
-    primaryTestID: testID ? `${testID}-keys` : undefined
+    testID: testID
   });
-});
-const styles = _reactNative.StyleSheet.create({
-  badgeContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  badgeText: {
-    fontSize: 11,
-    fontWeight: "600",
-    fontFamily: "monospace"
-  },
-  changeBadge: {
-    paddingHorizontal: 4
-  },
-  slowBadge: {
-    paddingHorizontal: 4
-  }
 });

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

@@ -301,7 +301,7 @@ const styles = _reactNative.StyleSheet.create({
   valueLabel: {
     fontSize: 10,
     color: _sharedUi.night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     letterSpacing: 0.5,
     fontWeight: "600"
   },
@@ -318,7 +318,7 @@ const styles = _reactNative.StyleSheet.create({
   changeText: {
     fontSize: 9,
     fontWeight: "700",
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     letterSpacing: 0.3
   },
   typeBadge: {
@@ -331,7 +331,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 9,
     fontWeight: "600",
     color: _sharedUi.night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   valueBox: {
     // Inset code box — darker than the card, the night track color.
@@ -344,7 +344,7 @@ const styles = _reactNative.StyleSheet.create({
   valueText: {
     fontSize: 12,
     color: _sharedUi.night.color.text,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     lineHeight: 18
   },
   diffContainer: {
@@ -362,7 +362,7 @@ const styles = _reactNative.StyleSheet.create({
   changeTextSmall: {
     fontSize: 8,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   dataViewerContainer: {
     marginTop: -12,

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

@@ -79,29 +79,6 @@ function SectionHeader({
     }), badge]
   });
 }
-function InfoRow({
-  label,
-  value,
-  valueColor,
-  mono = false,
-  testID
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.infoRow,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.infoLabel,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      testID: testID,
-      style: [styles.infoValue, mono && styles.infoValueMono, valueColor ? {
-        color: valueColor
-      } : undefined],
-      numberOfLines: 1,
-      ellipsizeMode: "middle",
-      children: value
-    })]
-  });
-}
 function formatTime(timestamp) {
   const date = new Date(timestamp);
   const hours = date.getHours().toString().padStart(2, "0");
@@ -157,13 +134,13 @@ const ZustandStateInfoView = exports.ZustandStateInfoView = /*#__PURE__*/(0, _re
         title: "CHANGE INFO"
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.cardContent,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InfoRow, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.InfoRow, {
           label: "Store",
           value: change.storeName,
           mono: true,
           valueColor: storeColor,
           testID: `${_testIDs.ZUSTAND_TEST_ID}-info-store`
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoRow, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.InfoRow, {
           label: "Time",
           value: formatTime(change.timestamp),
           mono: true,
@@ -360,33 +337,12 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "600",
     letterSpacing: 0.5,
     color: _sharedUi.night.color.accent,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   cardContent: {
     padding: 14,
     gap: 10
   },
-  infoRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  infoLabel: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textTertiary,
-    fontWeight: "500"
-  },
-  infoValue: {
-    fontSize: 11,
-    color: _sharedUi.night.color.text,
-    fontWeight: "500",
-    flex: 1,
-    textAlign: "right",
-    marginLeft: 12
-  },
-  infoValueMono: {
-    fontFamily: "monospace"
-  },
   badgeRow: {
     flexDirection: "row",
     flexWrap: "wrap",
@@ -419,7 +375,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 9,
     fontWeight: "600",
     color: _sharedUi.night.color.textSecondary,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   durationTextSlow: {
     color: _sharedUi.buoyColors.error
@@ -481,7 +437,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 11,
     fontWeight: "600",
     color: _sharedUi.night.color.accent,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   countBadge: {
     paddingHorizontal: 8,
@@ -493,7 +449,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 9,
     fontWeight: "700",
     color: _sharedUi.night.color.accent,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   typeBadge: {
     paddingHorizontal: 6,
@@ -505,7 +461,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 8,
     fontWeight: "600",
     color: _sharedUi.night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   dataViewerContainer: {
     // Inset display panel — darker than the card, the night track color.
@@ -515,7 +471,7 @@ const styles = _reactNative.StyleSheet.create({
   updaterText: {
     fontSize: 12,
     color: _sharedUi.night.color.text,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   updaterSubtext: {
     fontSize: 11,

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

@@ -170,7 +170,7 @@ const styles = _reactNative.StyleSheet.create({
   absCountText: {
     fontSize: 9,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   scrollContent: {
     paddingTop: 8,
@@ -199,6 +199,6 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 10,
     fontWeight: "700",
     color: _sharedUi.night.color.accent,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   }
 });

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

@@ -396,7 +396,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.accent,
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   rawButton: {
     flexDirection: "row",
@@ -443,7 +443,7 @@ const styles = _reactNative.StyleSheet.create({
     borderBottomColor: _sharedUi.night.color.border,
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   infoBody: {
     padding: 12,
@@ -459,13 +459,13 @@ const styles = _reactNative.StyleSheet.create({
   inlineLinkText: {
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   actionsText: {
     flex: 1,
     color: _sharedUi.night.color.textSecondary,
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     lineHeight: 15
   }
 });

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

@@ -301,7 +301,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.text,
     fontSize: 13,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   headerState: {
     color: _sharedUi.night.color.textTertiary,
@@ -320,7 +320,7 @@ const styles = _reactNative.StyleSheet.create({
   metaText: {
     color: _sharedUi.night.color.textTertiary,
     fontSize: 11,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   treeScroll: {
     flex: 1
@@ -345,7 +345,7 @@ const styles = _reactNative.StyleSheet.create({
   error: {
     color: _sharedUi.night.color.danger,
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     paddingHorizontal: 12,
     paddingBottom: 6
   },

package/lib/commonjs/zustand/hooks/useZustandStateChanges.js

@@ -5,53 +5,41 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useZustandStateChanges = useZustandStateChanges;
 var _react = require("react");
+var _sharedUi = require("@buoy-gg/shared-ui");
 var _zustandStateStore = require("../utils/zustandStateStore");
 /**
  * Hook for consuming Zustand state changes from the store
  *
- * Mirrors useReduxActions.ts from @buoy-gg/redux
+ * The subscribe / filter / pause / clear plumbing is shared `useChangeLog`;
+ * this file owns the zustand-specific filter, stats and store registry.
  */
 
+function filterChanges(changes, filter) {
+  let filtered = changes;
+  if (filter.searchText) {
+    const search = filter.searchText.toLowerCase();
+    filtered = filtered.filter(c => c.storeName.toLowerCase().includes(search) || c.partialPreview.toLowerCase().includes(search) || c.changedKeys.some(k => k.toLowerCase().includes(search)));
+  }
+  if (filter.storeNames && filter.storeNames.length > 0) {
+    filtered = filtered.filter(c => filter.storeNames.includes(c.storeName));
+  }
+  if (filter.onlyWithChanges) {
+    filtered = filtered.filter(c => c.hasStateChange);
+  }
+  return filtered;
+}
+const readStores = () => _zustandStateStore.zustandStateStore.getStores();
+const subscribeToStores = listener => _zustandStateStore.zustandStateStore.subscribeToStores(listener);
 function useZustandStateChanges() {
-  const [stateChanges, setStateChanges] = (0, _react.useState)(() => _zustandStateStore.zustandStateStore.getStateChanges());
-  const [stores, setStores] = (0, _react.useState)(() => _zustandStateStore.zustandStateStore.getStores());
-  const [filter, setFilter] = (0, _react.useState)({});
-  const [isEnabled, setIsEnabled] = (0, _react.useState)(() => _zustandStateStore.zustandStateStore.getEnabled());
-
-  // Subscribe to state changes
-  (0, _react.useEffect)(() => {
-    const unsubChanges = _zustandStateStore.zustandStateStore.subscribe(newChanges => {
-      setStateChanges(newChanges);
-    });
-    const unsubStores = _zustandStateStore.zustandStateStore.subscribeToStores(newStores => {
-      setStores(newStores);
-    });
-    return () => {
-      unsubChanges();
-      unsubStores();
-    };
-  }, []);
-
-  // Filter state changes — derive directly from state to avoid stale reads
-  const filteredChanges = (0, _react.useMemo)(() => {
-    let filtered = stateChanges;
-    if (filter.searchText) {
-      const search = filter.searchText.toLowerCase();
-      filtered = filtered.filter(c => c.storeName.toLowerCase().includes(search) || c.partialPreview.toLowerCase().includes(search) || c.changedKeys.some(k => k.toLowerCase().includes(search)));
-    }
-    if (filter.storeNames && filter.storeNames.length > 0) {
-      filtered = filtered.filter(c => filter.storeNames.includes(c.storeName));
-    }
-    if (filter.onlyWithChanges) {
-      filtered = filtered.filter(c => c.hasStateChange);
-    }
-    return filtered;
-  }, [stateChanges, filter]);
+  const log = (0, _sharedUi.useChangeLog)(_zustandStateStore.zustandStateStore, {
+    filterItems: filterChanges
+  });
+  const stores = (0, _sharedUi.useSubscribedValue)(readStores, subscribeToStores);
 
   // Get stats — derive directly from state
   const stats = (0, _react.useMemo)(() => {
-    const total = stateChanges.length;
-    const withChanges = stateChanges.filter(c => c.hasStateChange).length;
+    const total = log.items.length;
+    const withChanges = log.items.filter(c => c.hasStateChange).length;
     return {
       totalChanges: total,
       changesWithStateChange: withChanges,
@@ -59,33 +47,25 @@ function useZustandStateChanges() {
       storeCount: stores.length,
       averageDuration: 0
     };
-  }, [stateChanges, stores]);
+  }, [log.items, stores]);
 
   // Get unique store names
   const storeNames = (0, _react.useMemo)(() => {
     return _zustandStateStore.zustandStateStore.getUniqueStoreNames();
   }, [stores]);
-  const clearChanges = (0, _react.useCallback)(() => {
-    _zustandStateStore.zustandStateStore.clearStateChanges();
-  }, []);
-  const toggleCapture = (0, _react.useCallback)(() => {
-    const newEnabled = !isEnabled;
-    _zustandStateStore.zustandStateStore.setEnabled(newEnabled);
-    setIsEnabled(newEnabled);
-  }, [isEnabled]);
   const getChangeById = (0, _react.useCallback)(id => {
     return _zustandStateStore.zustandStateStore.getStateChangeById(id);
   }, []);
   return {
-    stateChanges,
-    filteredChanges,
-    filter,
-    setFilter,
+    stateChanges: log.items,
+    filteredChanges: log.filteredItems,
+    filter: log.filter,
+    setFilter: log.setFilter,
     stats,
     stores,
-    clearChanges,
-    isEnabled,
-    toggleCapture,
+    clearChanges: log.clear,
+    isEnabled: log.isEnabled,
+    toggleCapture: log.toggleCapture,
     storeNames,
     getChangeById
   };

package/lib/commonjs/zustand/sync/zustandSyncAdapter.js

@@ -11,18 +11,10 @@ var _sharedUi = require("@buoy-gg/shared-ui");
  * Same hazard as redux: up to 200 changes × 2 full trees on every snapshot
  * freeze/OOM-killed large apps. Dashboards fetch trees via `getChangeDetail`.
  */
-const STATE_ON_DEVICE = exports.STATE_ON_DEVICE = Object.freeze({
-  __buoyStateOnDevice: true,
-  note: "State trees stay on the device — fetched on demand via getChangeDetail / getStoreState."
-});
+const STATE_ON_DEVICE = exports.STATE_ON_DEVICE = (0, _sharedUi.onDeviceMarker)("State", "State trees stay on the device — fetched on demand via getChangeDetail / getStoreState.");
 
 /** Wire-form sentinel for an oversized `partial` (replace can carry a whole tree). */
-const PAYLOAD_ON_DEVICE = exports.PAYLOAD_ON_DEVICE = Object.freeze({
-  __buoyPayloadOnDevice: true,
-  note: "Partial stays on the device — fetched on demand via getChangeDetail."
-});
-const MAX_CHANGE_DETAIL_BYTES = 8 * 1024 * 1024;
-const MAX_WIRE_PAYLOAD_BYTES = 16 * 1024;
+const PAYLOAD_ON_DEVICE = exports.PAYLOAD_ON_DEVICE = (0, _sharedUi.onDeviceMarker)("Payload", "Partial stays on the device — fetched on demand via getChangeDetail.");
 /** Top-level keys of an object state, for the compact (no-values) view. */
 function topLevelKeys(state) {
   return state && typeof state === "object" && !Array.isArray(state) ? Object.keys(state) : undefined;
@@ -33,31 +25,17 @@ function topLevelKeys(state) {
  * change, so keying on identity is correct and self-invalidating — without it
  * every `partial` in the list is re-measured on all ~5 snapshots per second.
  */
-const changeCache = new WeakMap();
-function toWireChange(change) {
-  const cached = changeCache.get(change);
-  if (cached) return cached;
-  const wire = {
-    ...change,
-    prevState: STATE_ON_DEVICE,
-    nextState: STATE_ON_DEVICE,
-    partial: toWirePartial(change.partial)
-  };
-  changeCache.set(change, wire);
-  return wire;
-}
-function toWirePartial(value) {
-  if (value === undefined) return value;
-  return (0, _sharedUi.isOverWireBudget)(value, MAX_WIRE_PAYLOAD_BYTES) ? PAYLOAD_ON_DEVICE : value;
-}
-function toWireState(value) {
-  return (0, _sharedUi.isOverWireBudget)(value, MAX_WIRE_PAYLOAD_BYTES) ? STATE_ON_DEVICE : value;
-}
+const toWireChange = (0, _sharedUi.memoByIdentity)(change => ({
+  ...change,
+  prevState: STATE_ON_DEVICE,
+  nextState: STATE_ON_DEVICE,
+  partial: (0, _sharedUi.toWire)(change.partial, PAYLOAD_ON_DEVICE)
+}));
+const toWireState = value => (0, _sharedUi.toWire)(value, STATE_ON_DEVICE);
 
 /**
  * Sync adapter for the zustand tool, consumed by @buoy-gg/external-sync's
- * `useExternalSync` (structurally matches its ToolSyncAdapter interface so
- * this package doesn't need a dependency on it).
+ * `useExternalSync`.
  *
  * State changes are captured by the middleware (watchStores/buoyDevTools),
  * independent of whether a dashboard is watching — subscribing here only
@@ -72,7 +50,7 @@ function toWireState(value) {
  *
  * The `setState` action powers remote time-travel/reset from the dashboard.
  */
-const zustandSyncAdapter = exports.zustandSyncAdapter = {
+const zustandSyncAdapter = exports.zustandSyncAdapter = (0, _sharedUi.createSyncAdapter)({
   version: 2,
   getSnapshot: () => ({
     changes: _zustandStateStore.zustandStateStore.getStateChanges().map(toWireChange),
@@ -81,14 +59,7 @@ const zustandSyncAdapter = exports.zustandSyncAdapter = {
       currentState: toWireState(store.currentState)
     }))
   }),
-  subscribe: onChange => {
-    const unsubscribeChanges = _zustandStateStore.zustandStateStore.subscribe(onChange);
-    const unsubscribeStores = _zustandStateStore.zustandStateStore.subscribeToStores(onChange);
-    return () => {
-      unsubscribeChanges();
-      unsubscribeStores();
-    };
-  },
+  subscribe: [onChange => _zustandStateStore.zustandStateStore.subscribe(onChange), onChange => _zustandStateStore.zustandStateStore.subscribeToStores(onChange)],
   actions: {
     clearEvents: () => {
       _zustandStateStore.zustandStateStore.clearStateChanges();
@@ -98,32 +69,11 @@ const zustandSyncAdapter = exports.zustandSyncAdapter = {
      * The per-snapshot stream stays tree-free; this is the explicit,
      * size-guarded channel for the detail pane.
      */
-    getChangeDetail: params => {
-      const {
-        id
-      } = params ?? {};
-      if (!id) return {
-        found: false,
-        reason: "missing id"
-      };
-      const change = _zustandStateStore.zustandStateStore.getStateChangeById(id);
-      if (!change) return {
-        found: false,
-        reason: "unknown id"
-      };
-      const cappedNote = {
-        __buoyTruncated: true,
-        note: `Exceeds the ${MAX_CHANGE_DETAIL_BYTES / (1024 * 1024)}MB detail limit — inspect it on-device.`
-      };
-      const cap = value => (0, _sharedUi.isOverWireBudget)(value, MAX_CHANGE_DETAIL_BYTES) ? cappedNote : value;
-      return {
-        found: true,
-        id,
-        prevState: cap(change.prevState),
-        nextState: cap(change.nextState),
-        partial: cap(change.partial)
-      };
-    },
+    getChangeDetail: (0, _sharedUi.detailByIdAction)(id => _zustandStateStore.zustandStateStore.getStateChangeById(id), (change, cap) => ({
+      prevState: cap(change.prevState),
+      nextState: cap(change.nextState),
+      partial: cap(change.partial)
+    })),
     /**
      * On-demand current state for one store. Wire-form snapshots replace
      * oversized / unserializable `currentState` with STATE_ON_DEVICE.
@@ -131,7 +81,7 @@ const zustandSyncAdapter = exports.zustandSyncAdapter = {
     getStoreState: params => {
       const {
         storeName
-      } = params ?? {};
+      } = (0, _sharedUi.readParams)(params);
       if (!storeName) return {
         found: false,
         reason: "missing storeName"
@@ -147,11 +97,7 @@ const zustandSyncAdapter = exports.zustandSyncAdapter = {
       } catch {
         currentState = undefined;
       }
-      const cappedNote = {
-        __buoyTruncated: true,
-        note: `Exceeds the ${MAX_CHANGE_DETAIL_BYTES / (1024 * 1024)}MB detail limit — inspect it on-device.`
-      };
-      if (!(0, _sharedUi.isOverWireBudget)(currentState, MAX_CHANGE_DETAIL_BYTES)) {
+      if (!(0, _sharedUi.isOverWireBudget)(currentState, _sharedUi.WIRE_DETAIL_LIMIT_BYTES)) {
         return {
           found: true,
           storeName,
@@ -161,7 +107,7 @@ const zustandSyncAdapter = exports.zustandSyncAdapter = {
       return {
         found: true,
         storeName,
-        currentState: (0, _sharedUi.isJsonSerializable)(currentState) ? cappedNote : STATE_ON_DEVICE
+        currentState: (0, _sharedUi.isJsonSerializable)(currentState) ? (0, _sharedUi.truncatedNote)(_sharedUi.WIRE_DETAIL_LIMIT_BYTES) : STATE_ON_DEVICE
       };
     },
     /**
@@ -174,7 +120,7 @@ const zustandSyncAdapter = exports.zustandSyncAdapter = {
       const {
         includeValues = false,
         limit
-      } = params ?? {};
+      } = (0, _sharedUi.readParams)(params);
       const all = _zustandStateStore.zustandStateStore.getStoreSnapshots();
       const capped = typeof limit === "number" && limit > 0 ? all.slice(0, limit) : all;
       const stores = capped.map(s => ({
@@ -201,7 +147,7 @@ const zustandSyncAdapter = exports.zustandSyncAdapter = {
         storeName,
         state,
         replace
-      } = params ?? {};
+      } = (0, _sharedUi.readParams)(params);
       if (!storeName) return {
         ok: false,
         error: "Missing storeName."
@@ -240,7 +186,7 @@ const zustandSyncAdapter = exports.zustandSyncAdapter = {
     rehydrate: async params => {
       const {
         storeName
-      } = params ?? {};
+      } = (0, _sharedUi.readParams)(params);
       if (!storeName) return {
         ok: false,
         error: "Missing storeName."
@@ -270,4 +216,4 @@ const zustandSyncAdapter = exports.zustandSyncAdapter = {
       };
     }
   }
-};
+});