@buoy-gg/zustand 7.0.36 → 7.0.38

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

@@ -1,393 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ZustandStoreEditorScreen = ZustandStoreEditorScreen;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _editableState = require("../utils/editableState");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Editing a store, on a screen of its own — the Storage key editor's shape,
- * pointed at a live zustand store.
- *
- * Same reasoning as storage's editor screen: a tree, six structural actions
- * and a keyboard don't fit inside an expanded card, so the card offers ONE
- * edit button and the work happens here with the whole viewport. The tree,
- * dock, draft and value modal are the shared-ui editor — one implementation,
- * two tools.
- *
- * What is zustand-specific is the WRITE. Storage saves by replacing one key's
- * serialized value; a store has no such luxury — its state holds the app's
- * action functions, and a full `setState(draft, true)` replace would delete
- * them (see `editableState.ts`). So Save diffs the draft against the state it
- * was seeded from and writes ONE top-level merge:
- *
- *   store.api.setState(changedTopLevelKeys, false)
- *
- * which by construction cannot remove a key or touch a function. The two
- * edits a merge cannot express — removing or renaming a top-level key — are
- * disabled in the dock (`rootEntriesLocked`) and refused at save if they
- * arrive through the raw-JSON escape hatch.
- *
- * On a desktop mirror the same line goes over the wire: the mirrored store's
- * `api.setState` forwards to the device's sync adapter (the time-travel
- * path). That write has no ack, so a remote save resolves optimistically and
- * the next device snapshot is the confirmation.
- */
-
-const EDITOR_ID = `${_testIDs.ZUSTAND_TEST_ID}-editor`;
-function ZustandStoreEditorScreen({
-  store,
-  onClose,
-  applySafeAreaInset
-}) {
-  const insets = (0, _sharedUi.useSafeAreaInsets)();
-  const bottomInset = applySafeAreaInset ? insets.bottom : 0;
-
-  // Seeded ONCE, when the editor opens — the draft is diffed against this at
-  // save, so the partial carries exactly what the user changed and a key the
-  // app wrote meanwhile (untouched here) keeps the app's value.
-  const [seed] = (0, _react.useState)(() => (0, _editableState.editableStateOf)(store.api.getState()));
-  const save = (0, _react.useCallback)(async draft => {
-    if (seed.data === null) throw new Error("Store is not editable.");
-    const partial = (0, _editableState.computeMergePartial)(seed.data, draft);
-    // A merge, never a replace — the entire reason this editor can exist.
-    // Empty partial = the draft circled back to the seed; nothing to write.
-    if (Object.keys(partial).length > 0) {
-      store.api.setState(partial, false);
-    }
-  }, [seed, store]);
-  const editor = (0, _dataViewer.useTreeEditor)({
-    value: seed.data,
-    save,
-    onClose,
-    confirmDiscard: choices => _reactNative.Alert.alert("Unsaved changes", `"${store.name}" has edits that haven't been written to the store.`, [{
-      text: "Keep editing",
-      style: "cancel"
-    }, {
-      text: "Discard",
-      style: "destructive",
-      onPress: choices.discard
-    }, {
-      text: "Save",
-      onPress: choices.save
-    }])
-  });
-  const {
-    draft,
-    selection,
-    valuePath
-  } = editor;
-  const keyCount = (0, _react.useMemo)(() => {
-    const v = draft.value;
-    return v !== null && typeof v === "object" ? Object.keys(v).length : 0;
-  }, [draft.value]);
-
-  // The card's gating means this can't normally be reached un-editable, but a
-  // remote mirror can theoretically drop hydration between tap and mount.
-  if (seed.data === null) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.screen,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolBackground, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.blockedText,
-        children: seed.blockedReason
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.screen,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolBackground, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.header,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: editor.requestClose,
-        testID: `${EDITOR_ID}-close`,
-        accessibilityRole: "button",
-        accessibilityLabel: "Close editor",
-        style: styles.headerButton,
-        hitSlop: {
-          top: 8,
-          bottom: 8,
-          left: 8,
-          right: 8
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-          size: 16,
-          color: _sharedUi.night.color.textSecondary
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.headerTitle,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text
-        // Which store this editor is pointed at — opening it on the wrong
-        // one looks exactly like the right one until a write lands
-        // somewhere unexpected.
-        , {
-          testID: `${EDITOR_ID}-store`,
-          style: styles.headerKey,
-          numberOfLines: 1,
-          children: store.name
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.headerState, draft.isDirty && styles.headerDirty],
-          children: draft.isSaving ? "Saving…" : draft.isDirty ? "Draft · unsaved" : "In sync with store"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        onPress: editor.openRawEditor,
-        testID: `${EDITOR_ID}-raw`,
-        accessibilityRole: "button",
-        accessibilityLabel: "Edit raw JSON",
-        style: styles.headerButton,
-        hitSlop: {
-          top: 8,
-          bottom: 8,
-          left: 8,
-          right: 8
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FileJson, {
-          size: 16,
-          color: _sharedUi.night.color.accent
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.headerRawText,
-          children: "Raw"
-        })]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.metaRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-        color: _sharedUi.buoyColors.info,
-        icon: store.isPersisted ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Database, {
-          size: 9,
-          color: _sharedUi.buoyColors.info
-        }) : undefined,
-        children: store.isPersisted ? store.persistName || "persisted" : "in-memory"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.metaText,
-        children: [`object · ${keyCount} key${keyCount === 1 ? "" : "s"}`, seed.fnPaths.length > 0 ? ` · ${seed.fnPaths.length} action${seed.fnPaths.length === 1 ? "" : "s"} untouched` : ""]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      testID: `${EDITOR_ID}-scroll`,
-      style: styles.treeScroll,
-      contentContainerStyle: styles.treeContent,
-      keyboardShouldPersistTaps: "handled",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.treeCard,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-          data: draft.value,
-          title: "",
-          rawMode: true,
-          initialExpanded: true
-          // Type filtering is a READING aid: the filtered view is a
-          // projection whose row paths don't address the real document, so
-          // the explorer stops reporting selection while one is active. An
-          // editor whose actions silently go dead isn't worth the filter.
-          ,
-          showTypeFilter: false,
-          onSelectionChange: editor.setSelection,
-          selectPath: draft.selectPath
-          // Its own handle root: the card that opened this editor is still
-          // mounted underneath, rendering the same value in its preview tree.
-          ,
-          testIDPrefix: `${EDITOR_ID}-row`,
-          onRequestInlineEdit: sel => editor.openValueEditor(sel.path)
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.treeHint,
-        children: "Tap a row to select it \xB7 double-tap to edit its value \xB7 saves merge into the live store, so actions and untouched keys survive"
-      })]
-    }), draft.error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.error,
-      numberOfLines: 3,
-      testID: `${EDITOR_ID}-error`,
-      children: draft.error
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.footer, {
-        paddingBottom: bottomInset
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataTreeActionDock, {
-        root: draft.value,
-        selection: selection,
-        onEdit: draft.apply,
-        onSelectPath: draft.selectAt
-        // Booleans never reach this — the dock applies their flip directly.
-        ,
-        onEditValue: () => editor.openValueEditor(selection?.path ?? [])
-        // A merge write can rewrite a top-level key but never delete one, so
-        // Remove is disabled at depth 1 — see `editableState.ts`.
-        ,
-        rootEntriesLocked: true
-      }), draft.isDirty ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.commitRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: draft.discard,
-          disabled: draft.isSaving,
-          testID: `${EDITOR_ID}-discard`,
-          accessibilityRole: "button",
-          accessibilityLabel: "Discard changes",
-          style: styles.discardButton,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.discardText,
-            children: "Discard"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: editor.saveAndClose,
-          disabled: draft.isSaving,
-          testID: `${EDITOR_ID}-save`,
-          accessibilityRole: "button",
-          accessibilityLabel: "Save changes",
-          style: [styles.saveButton, draft.isSaving && styles.saveDisabled],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.saveText,
-            children: draft.isSaving ? "Saving…" : "Save changes"
-          })
-        })]
-      }) : null]
-    }), valuePath ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.ValueEditModal, {
-      path: valuePath,
-      value: (0, _dataViewer.getAtPath)(draft.value, valuePath),
-      onSave: editor.applyValue,
-      onCancel: editor.closeValueEditor
-      // It only reaches the draft here — the single write happens on Save.
-      ,
-      saveLabel: "Apply",
-      testIDPrefix: `${_testIDs.ZUSTAND_TEST_ID}-value`
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  screen: {
-    flex: 1,
-    // Opaque on purpose: transparency here showed the whole store list
-    // through the editor, not just the sheet's backdrop. The screen paints
-    // its own ToolBackground instead — see the mount site above.
-    backgroundColor: _sharedUi.night.color.bg
-  },
-  blockedText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 12,
-    padding: 20,
-    textAlign: "center",
-    lineHeight: 18
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 10,
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.border
-  },
-  headerButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    paddingVertical: 6,
-    paddingHorizontal: 4
-  },
-  headerRawText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: 12,
-    fontWeight: "700"
-  },
-  headerTitle: {
-    flex: 1,
-    alignItems: "center",
-    gap: 2
-  },
-  headerKey: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  headerState: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10
-  },
-  headerDirty: {
-    color: _sharedUi.night.color.warning
-  },
-  metaRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 8
-  },
-  metaText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 11,
-    fontFamily: _sharedUi.monoFont
-  },
-  treeScroll: {
-    flex: 1
-  },
-  treeContent: {
-    paddingHorizontal: 12,
-    paddingBottom: 16
-  },
-  treeCard: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    padding: 6
-  },
-  treeHint: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10,
-    paddingTop: 8,
-    paddingHorizontal: 4
-  },
-  error: {
-    color: _sharedUi.night.color.danger,
-    fontSize: 11,
-    fontFamily: _sharedUi.monoFont,
-    paddingHorizontal: 12,
-    paddingBottom: 6
-  },
-  footer: {
-    backgroundColor: _sharedUi.night.color.surface
-  },
-  commitRow: {
-    flexDirection: "row",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.night.color.border
-  },
-  discardButton: {
-    flex: 1,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  discardText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 14,
-    fontWeight: "600"
-  },
-  saveButton: {
-    flex: 1.4,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 10,
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  saveDisabled: {
-    opacity: 0.5
-  },
-  saveText: {
-    color: _sharedUi.night.color.onAccent,
-    fontSize: 15,
-    fontWeight: "700"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ZustandStoreEditorScreen=ZustandStoreEditorScreen;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_dataViewer=require("@buoy-gg/shared-ui/dataViewer"),_editableState=require("../utils/editableState"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");const EDITOR_ID=`${_testIDs.ZUSTAND_TEST_ID}-editor`;function ZustandStoreEditorScreen({store:e,onClose:t,applySafeAreaInset:i}){const r=(0,_sharedUi.useSafeAreaInsets)(),s=i?r.bottom:0,[a]=(0,_react.useState)(()=>(0,_editableState.editableStateOf)(e.api.getState())),o=(0,_react.useCallback)(async t=>{if(null===a.data)throw new Error("Store is not editable.");const i=(0,_editableState.computeMergePartial)(a.data,t);Object.keys(i).length>0&&e.api.setState(i,!1)},[a,e]),n=(0,_dataViewer.useTreeEditor)({value:a.data,save:o,onClose:t,confirmDiscard:t=>_reactNative.Alert.alert("Unsaved changes",`"${e.name}" has edits that haven't been written to the store.`,[{text:"Keep editing",style:"cancel"},{text:"Discard",style:"destructive",onPress:t.discard},{text:"Save",onPress:t.save}])}),{draft:l,selection:d,valuePath:c}=n,h=(0,_react.useMemo)(()=>{const e=l.value;return null!==e&&"object"==typeof e?Object.keys(e).length:0},[l.value]);return null===a.data?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.screen,children:[(0,_jsxRuntime.jsx)(_sharedUi.ToolBackground,{}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.blockedText,children:a.blockedReason})]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.screen,children:[(0,_jsxRuntime.jsx)(_sharedUi.ToolBackground,{}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.header,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:n.requestClose,testID:`${EDITOR_ID}-close`,accessibilityRole:"button",accessibilityLabel:"Close editor",style:styles.headerButton,hitSlop:{top:8,bottom:8,left:8,right:8},children:(0,_jsxRuntime.jsx)(_sharedUi.X,{size:16,color:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.headerTitle,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:`${EDITOR_ID}-store`,style:styles.headerKey,numberOfLines:1,children:e.name}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.headerState,l.isDirty&&styles.headerDirty],children:l.isSaving?"Saving…":l.isDirty?"Draft · unsaved":"In sync with store"})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:n.openRawEditor,testID:`${EDITOR_ID}-raw`,accessibilityRole:"button",accessibilityLabel:"Edit raw JSON",style:styles.headerButton,hitSlop:{top:8,bottom:8,left:8,right:8},children:[(0,_jsxRuntime.jsx)(_sharedUi.FileJson,{size:16,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.headerRawText,children:"Raw"})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.metaRow,children:[(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:_sharedUi.buoyColors.info,icon:e.isPersisted?(0,_jsxRuntime.jsx)(_sharedUi.Database,{size:9,color:_sharedUi.buoyColors.info}):void 0,children:e.isPersisted?e.persistName||"persisted":"in-memory"}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.metaText,children:[`object · ${h} key${1===h?"":"s"}`,a.fnPaths.length>0?` · ${a.fnPaths.length} action${1===a.fnPaths.length?"":"s"} untouched`:""]})]}),(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{testID:`${EDITOR_ID}-scroll`,style:styles.treeScroll,contentContainerStyle:styles.treeContent,keyboardShouldPersistTaps:"handled",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.treeCard,children:(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{data:l.value,title:"",rawMode:!0,initialExpanded:!0,showTypeFilter:!1,onSelectionChange:n.setSelection,selectPath:l.selectPath,testIDPrefix:`${EDITOR_ID}-row`,onRequestInlineEdit:e=>n.openValueEditor(e.path)})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.treeHint,children:"Tap a row to select it · double-tap to edit its value · saves merge into the live store, so actions and untouched keys survive"})]}),l.error?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.error,numberOfLines:3,testID:`${EDITOR_ID}-error`,children:l.error}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.footer,{paddingBottom:s}],children:[(0,_jsxRuntime.jsx)(_dataViewer.DataTreeActionDock,{root:l.value,selection:d,onEdit:l.apply,onSelectPath:l.selectAt,onEditValue:()=>n.openValueEditor(d?.path??[]),rootEntriesLocked:!0}),l.isDirty?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.commitRow,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:l.discard,disabled:l.isSaving,testID:`${EDITOR_ID}-discard`,accessibilityRole:"button",accessibilityLabel:"Discard changes",style:styles.discardButton,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.discardText,children:"Discard"})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:n.saveAndClose,disabled:l.isSaving,testID:`${EDITOR_ID}-save`,accessibilityRole:"button",accessibilityLabel:"Save changes",style:[styles.saveButton,l.isSaving&&styles.saveDisabled],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.saveText,children:l.isSaving?"Saving…":"Save changes"})})]}):null]}),c?(0,_jsxRuntime.jsx)(_dataViewer.ValueEditModal,{path:c,value:(0,_dataViewer.getAtPath)(l.value,c),onSave:n.applyValue,onCancel:n.closeValueEditor,saveLabel:"Apply",testIDPrefix:`${_testIDs.ZUSTAND_TEST_ID}-value`}):null]})}const styles=_reactNative.StyleSheet.create({screen:{flex:1,backgroundColor:_sharedUi.night.color.bg},blockedText:{color:_sharedUi.night.color.textTertiary,fontSize:12,padding:20,textAlign:"center",lineHeight:18},header:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:10,paddingVertical:8,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.border},headerButton:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:6,paddingHorizontal:4},headerRawText:{color:_sharedUi.night.color.accent,fontSize:12,fontWeight:"700"},headerTitle:{flex:1,alignItems:"center",gap:2},headerKey:{color:_sharedUi.night.color.text,fontSize:13,fontWeight:"600",fontFamily:_sharedUi.monoFont},headerState:{color:_sharedUi.night.color.textTertiary,fontSize:10},headerDirty:{color:_sharedUi.night.color.warning},metaRow:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingVertical:8},metaText:{color:_sharedUi.night.color.textTertiary,fontSize:11,fontFamily:_sharedUi.monoFont},treeScroll:{flex:1},treeContent:{paddingHorizontal:12,paddingBottom:16},treeCard:{backgroundColor:_sharedUi.night.color.surface,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.border,padding:6},treeHint:{color:_sharedUi.night.color.textTertiary,fontSize:10,paddingTop:8,paddingHorizontal:4},error:{color:_sharedUi.night.color.danger,fontSize:11,fontFamily:_sharedUi.monoFont,paddingHorizontal:12,paddingBottom:6},footer:{backgroundColor:_sharedUi.night.color.surface},commitRow:{flexDirection:"row",gap:8,paddingHorizontal:12,paddingVertical:10,borderTopWidth:1,borderTopColor:_sharedUi.night.color.border},discardButton:{flex:1,minHeight:44,alignItems:"center",justifyContent:"center",borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.border},discardText:{color:_sharedUi.night.color.textSecondary,fontSize:14,fontWeight:"600"},saveButton:{flex:1.4,minHeight:44,alignItems:"center",justifyContent:"center",borderRadius:10,backgroundColor:_sharedUi.night.color.accent},saveDisabled:{opacity:.5},saveText:{color:_sharedUi.night.color.onAccent,fontSize:15,fontWeight:"700"}});

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

@@ -1,72 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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
- *
- * 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 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 = log.items.length;
-    const withChanges = log.items.filter(c => c.hasStateChange).length;
-    return {
-      totalChanges: total,
-      changesWithStateChange: withChanges,
-      changesWithoutStateChange: total - withChanges,
-      storeCount: stores.length,
-      averageDuration: 0
-    };
-  }, [log.items, stores]);
-
-  // Get unique store names
-  const storeNames = (0, _react.useMemo)(() => {
-    return _zustandStateStore.zustandStateStore.getUniqueStoreNames();
-  }, [stores]);
-  const getChangeById = (0, _react.useCallback)(id => {
-    return _zustandStateStore.zustandStateStore.getStateChangeById(id);
-  }, []);
-  return {
-    stateChanges: log.items,
-    filteredChanges: log.filteredItems,
-    filter: log.filter,
-    setFilter: log.setFilter,
-    stats,
-    stores,
-    clearChanges: log.clear,
-    isEnabled: log.isEnabled,
-    toggleCapture: log.toggleCapture,
-    storeNames,
-    getChangeById
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useZustandStateChanges=useZustandStateChanges;var _react=require("react"),_sharedUi=require("@buoy-gg/shared-ui"),_zustandStateStore=require("../utils/zustandStateStore");function filterChanges(e,t){let a=e;if(t.searchText){const e=t.searchText.toLowerCase();a=a.filter(t=>t.storeName.toLowerCase().includes(e)||t.partialPreview.toLowerCase().includes(e)||t.changedKeys.some(t=>t.toLowerCase().includes(e)))}return t.storeNames&&t.storeNames.length>0&&(a=a.filter(e=>t.storeNames.includes(e.storeName))),t.onlyWithChanges&&(a=a.filter(e=>e.hasStateChange)),a}const readStores=()=>_zustandStateStore.zustandStateStore.getStores(),subscribeToStores=e=>_zustandStateStore.zustandStateStore.subscribeToStores(e);function useZustandStateChanges(){const e=(0,_sharedUi.useChangeLog)(_zustandStateStore.zustandStateStore,{filterItems:filterChanges}),t=(0,_sharedUi.useSubscribedValue)(readStores,subscribeToStores),a=(0,_react.useMemo)(()=>{const a=e.items.length,s=e.items.filter(e=>e.hasStateChange).length;return{totalChanges:a,changesWithStateChange:s,changesWithoutStateChange:a-s,storeCount:t.length,averageDuration:0}},[e.items,t]),s=(0,_react.useMemo)(()=>_zustandStateStore.zustandStateStore.getUniqueStoreNames(),[t]),r=(0,_react.useCallback)(e=>_zustandStateStore.zustandStateStore.getStateChangeById(e),[]);return{stateChanges:e.items,filteredChanges:e.filteredItems,filter:e.filter,setFilter:e.setFilter,stats:a,stores:t,clearChanges:_zustandStateStore.zustandStateStore.clearStateChanges.bind(_zustandStateStore.zustandStateStore),isEnabled:e.isEnabled,toggleCapture:e.toggleCapture,storeNames:s,getChangeById:r}}