@buoy-gg/jotai 7.0.35 → 7.0.38

package/README.md

@@ -2,9 +2,9 @@
 
 [![npm version](https://img.shields.io/npm/v/@buoy-gg/jotai?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/jotai) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/jotai?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/jotai)
 
-**Jotai devtools on the device — every atom write shows `prev → next`, with per-atom history and live values.**
+Inspect registered Jotai atoms and their captured changes, with live values and per-atom history.
 
-Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from [`@buoy-gg/core`](https://www.npmjs.com/package/@buoy-gg/core).
+Part of [Buoy](https://github.com/Buoy-gg/buoy). Install the package, complete account setup, and follow the integration steps below.
 
 ## Install
 
@@ -12,6 +12,24 @@ Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside yo
 npm install @buoy-gg/core @buoy-gg/jotai
 ```
 
+## Before you start
+
+Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
+
+```bash
+npx --package=@buoy-gg/core buoy login
+```
+
+For Expo, initialize Buoy before rendering the menu:
+
+```tsx
+import { Buoy } from "@buoy-gg/core";
+
+Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
+```
+
+The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
+
 ## Quick start
 
 One `watchAtoms(store, atoms)` call at module scope — pass your Jotai store and a named map of atoms. No wrappers, no `atomWithDevTools`, no changes to existing atoms; observation is subscribe-only.
@@ -33,12 +51,21 @@ watchAtoms(getDefaultStore(), {
 Using a `<Provider>` with a custom store? Pass it instead:
 
 ```tsx
+import { createStore, Provider } from "jotai";
+
 const myStore = createStore();
 watchAtoms(myStore, { countAtom, authAtom });
+
+// Use this same store in the provider around your app and Buoy menu.
+<Provider store={myStore}>{/* Existing app and FloatingDevTools */}</Provider>;
 ```
 
 Registered atoms appear in the Jotai tool inside the floating menu.
 
+## Check the integration
+
+Change a registered atom through your app and inspect its history. Use the same store as your Jotai provider. Whether an atom can be edited depends on whether it is writable; a derived atom can also be writable.
+
 ## What you get
 
 - **`prev → next` on every event** — see `0 → 5` or `null → {name, email}` at a glance, no tapping in for simple updates
@@ -52,11 +79,11 @@ Registered atoms appear in the Jotai tool inside the floating menu.
 
 ## Desktop & AI
 
-The same live session streams to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) (free, macOS/Windows/Linux) and to Claude Code or Cursor via the [Buoy MCP server](https://buoy.gg/buoy/latest/docs/mcp).
+To connect a React Native app to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) or MCP, install `@buoy-gg/external-sync` and follow the [Desktop connection guide](https://buoy.gg/buoy/latest/docs/desktop). Sign in to Desktop separately. [MCP setup](https://buoy.gg/buoy/latest/docs/mcp) also requires a process account and Pro access. Available remote actions depend on the tool and app integration.
 
-## Free vs Pro
+## Account and plan requirements
 
-Every tool is free. [Pro](https://buoy.gg/pricing) unlocks production builds, the MCP server, and unlimited capture. Every weekend, Pro features unlock free for anyone holding a key — including a free one (`npx buoy login`).
+Use a Free or Pro Buoy account. History limits and paid features vary by tool; see [pricing](https://buoy.gg/pricing). Production access requires Pro where supported. Development-only hooks and actions remain unavailable in release builds.
 
 ---
 

package/lib/commonjs/index.js

@@ -1,112 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "JOTAI_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _JotaiIcon.JOTAI_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "JotaiAtomChangeItem", {
-  enumerable: true,
-  get: function () {
-    return _JotaiAtomChangeItem.JotaiAtomChangeItem;
-  }
-});
-Object.defineProperty(exports, "JotaiAtomDetailContent", {
-  enumerable: true,
-  get: function () {
-    return _JotaiAtomDetailContent.JotaiAtomDetailContent;
-  }
-});
-Object.defineProperty(exports, "JotaiAtomDetailFooter", {
-  enumerable: true,
-  get: function () {
-    return _JotaiAtomDetailContent.JotaiAtomDetailFooter;
-  }
-});
-Object.defineProperty(exports, "JotaiAtomValueDetailContent", {
-  enumerable: true,
-  get: function () {
-    return _JotaiAtomValueDetailContent.JotaiAtomValueDetailContent;
-  }
-});
-Object.defineProperty(exports, "JotaiIcon", {
-  enumerable: true,
-  get: function () {
-    return _JotaiIcon.JotaiIcon;
-  }
-});
-Object.defineProperty(exports, "JotaiModal", {
-  enumerable: true,
-  get: function () {
-    return _JotaiModal.JotaiModal;
-  }
-});
-Object.defineProperty(exports, "JotaiToolView", {
-  enumerable: true,
-  get: function () {
-    return _JotaiModal.JotaiToolView;
-  }
-});
-Object.defineProperty(exports, "createJotaiTool", {
-  enumerable: true,
-  get: function () {
-    return _preset.createJotaiTool;
-  }
-});
-Object.defineProperty(exports, "isAtomWatched", {
-  enumerable: true,
-  get: function () {
-    return _watchAtoms.isAtomWatched;
-  }
-});
-Object.defineProperty(exports, "jotaiStateStore", {
-  enumerable: true,
-  get: function () {
-    return _jotaiStateStore.jotaiStateStore;
-  }
-});
-Object.defineProperty(exports, "jotaiSyncAdapter", {
-  enumerable: true,
-  get: function () {
-    return _jotaiSyncAdapter.jotaiSyncAdapter;
-  }
-});
-Object.defineProperty(exports, "jotaiToolPreset", {
-  enumerable: true,
-  get: function () {
-    return _preset.jotaiToolPreset;
-  }
-});
-Object.defineProperty(exports, "useJotaiAtomChanges", {
-  enumerable: true,
-  get: function () {
-    return _useJotaiAtomChanges.useJotaiAtomChanges;
-  }
-});
-Object.defineProperty(exports, "watchAtoms", {
-  enumerable: true,
-  get: function () {
-    return _watchAtoms.watchAtoms;
-  }
-});
-Object.defineProperty(exports, "watchDefaultStoreAtoms", {
-  enumerable: true,
-  get: function () {
-    return _watchAtoms.watchDefaultStoreAtoms;
-  }
-});
-require("./jotai/utils/snapshotProvider");
-var _preset = require("./preset");
-var _watchAtoms = require("./jotai/utils/watchAtoms");
-var _useJotaiAtomChanges = require("./jotai/hooks/useJotaiAtomChanges");
-var _JotaiModal = require("./jotai/components/JotaiModal");
-var _JotaiAtomChangeItem = require("./jotai/components/JotaiAtomChangeItem");
-var _JotaiAtomDetailContent = require("./jotai/components/JotaiAtomDetailContent");
-var _JotaiAtomValueDetailContent = require("./jotai/components/JotaiAtomValueDetailContent");
-var _JotaiIcon = require("./jotai/components/JotaiIcon");
-var _jotaiSyncAdapter = require("./jotai/sync/jotaiSyncAdapter");
-var _jotaiStateStore = require("./jotai/utils/jotaiStateStore");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"JOTAI_ICON_COLOR",{enumerable:!0,get:function(){return _JotaiIcon.JOTAI_ICON_COLOR}}),Object.defineProperty(exports,"JotaiAtomChangeItem",{enumerable:!0,get:function(){return _JotaiAtomChangeItem.JotaiAtomChangeItem}}),Object.defineProperty(exports,"JotaiAtomDetailContent",{enumerable:!0,get:function(){return _JotaiAtomDetailContent.JotaiAtomDetailContent}}),Object.defineProperty(exports,"JotaiAtomDetailFooter",{enumerable:!0,get:function(){return _JotaiAtomDetailContent.JotaiAtomDetailFooter}}),Object.defineProperty(exports,"JotaiAtomValueDetailContent",{enumerable:!0,get:function(){return _JotaiAtomValueDetailContent.JotaiAtomValueDetailContent}}),Object.defineProperty(exports,"JotaiIcon",{enumerable:!0,get:function(){return _JotaiIcon.JotaiIcon}}),Object.defineProperty(exports,"JotaiModal",{enumerable:!0,get:function(){return _JotaiModal.JotaiModal}}),Object.defineProperty(exports,"JotaiToolView",{enumerable:!0,get:function(){return _JotaiModal.JotaiToolView}}),Object.defineProperty(exports,"createJotaiTool",{enumerable:!0,get:function(){return _preset.createJotaiTool}}),Object.defineProperty(exports,"isAtomWatched",{enumerable:!0,get:function(){return _watchAtoms.isAtomWatched}}),Object.defineProperty(exports,"jotaiStateStore",{enumerable:!0,get:function(){return _jotaiStateStore.jotaiStateStore}}),Object.defineProperty(exports,"jotaiSyncAdapter",{enumerable:!0,get:function(){return _jotaiSyncAdapter.jotaiSyncAdapter}}),Object.defineProperty(exports,"jotaiToolPreset",{enumerable:!0,get:function(){return _preset.jotaiToolPreset}}),Object.defineProperty(exports,"useJotaiAtomChanges",{enumerable:!0,get:function(){return _useJotaiAtomChanges.useJotaiAtomChanges}}),Object.defineProperty(exports,"watchAtoms",{enumerable:!0,get:function(){return _watchAtoms.watchAtoms}}),Object.defineProperty(exports,"watchDefaultStoreAtoms",{enumerable:!0,get:function(){return _watchAtoms.watchDefaultStoreAtoms}}),require("./jotai/utils/snapshotProvider");var _preset=require("./preset"),_watchAtoms=require("./jotai/utils/watchAtoms"),_useJotaiAtomChanges=require("./jotai/hooks/useJotaiAtomChanges"),_JotaiModal=require("./jotai/components/JotaiModal"),_JotaiAtomChangeItem=require("./jotai/components/JotaiAtomChangeItem"),_JotaiAtomDetailContent=require("./jotai/components/JotaiAtomDetailContent"),_JotaiAtomValueDetailContent=require("./jotai/components/JotaiAtomValueDetailContent"),_JotaiIcon=require("./jotai/components/JotaiIcon"),_jotaiSyncAdapter=require("./jotai/sync/jotaiSyncAdapter"),_jotaiStateStore=require("./jotai/utils/jotaiStateStore");

package/lib/commonjs/jotai/components/JotaiAtomBrowser.js

@@ -1,199 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JotaiAtomBrowser = JotaiAtomBrowser;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jotaiStateStore = require("../utils/jotaiStateStore");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * JotaiAtomBrowser
- *
- * Atoms tab — shows all registered Jotai atoms and their current value.
- * Mirrors ZustandStoreBrowser.tsx from @buoy-gg/zustand: tapping a card
- * NAVIGATES to the atom's detail screen (live editor + details + read-only
- * tree) rather than expanding in place — the modal owns that selection.
- */
-
-function getValuePreview(atom) {
-  try {
-    const value = atom.getValue();
-    if (value && typeof value === "object" && value.__buoyValueOnDevice === true) {
-      return "on device";
-    }
-    if (value === undefined) return "undefined";
-    if (value === null) return "null";
-    if (Array.isArray(value)) {
-      if (value.length === 0) return "[]";
-      return `[${value.length} item${value.length === 1 ? "" : "s"}]`;
-    }
-    if (typeof value === "object") {
-      const keys = Object.keys(value);
-      if (keys.length === 0) return "{}";
-      if (keys.length <= 3) return keys.join(", ");
-      return `${keys.slice(0, 2).join(", ")} +${keys.length - 2}`;
-    }
-    return String(value).slice(0, 40);
-  } catch {
-    return "";
-  }
-}
-
-/**
- * The card's categorical slot — the atom's write story, mirroring the
- * zustand card's "persisted"/"in-memory" backing label.
- */
-function getWriteKindLabel(atom) {
-  if (atom.writeKind === "value") return "primitive";
-  if (atom.writeKind === "action") return "custom write";
-  return atom.setValue ? "writable" : "derived";
-}
-function EmptyBrowserState() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-    testID: `${_testIDs.JOTAI_TEST_ID}-atoms-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 atoms registered",
-    message: "Use watchAtoms(store, { atomName }) to register your Jotai atoms.\nThey will appear here with their current value."
-  });
-}
-function JotaiAtomBrowser({
-  atoms,
-  searchQuery,
-  onOpenAtom
-}) {
-  const filteredAtoms = (0, _react.useMemo)(() => {
-    if (!searchQuery) return atoms;
-    const search = searchQuery.toLowerCase();
-    return atoms.filter(a => a.label.toLowerCase().includes(search));
-  }, [atoms, searchQuery]);
-  if (filteredAtoms.length === 0 && !searchQuery) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyBrowserState, {});
-  }
-  if (filteredAtoms.length === 0 && searchQuery) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-      testID: `${_testIDs.JOTAI_TEST_ID}-atoms-no-match`,
-      ...(0, _sharedUi.resolveListEmptyState)({
-        subject: "atoms",
-        verb: "registered",
-        search: searchQuery,
-        total: atoms.length,
-        waiting: {
-          otto: "scanning",
-          title: "No atoms registered",
-          message: "Use watchAtoms() to register your Jotai atoms."
-        }
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    style: styles.container,
-    contentContainerStyle: styles.scrollContent,
-    showsVerticalScrollIndicator: true,
-    testID: `${_testIDs.JOTAI_TEST_ID}-atoms-scroll`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.sectionHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.sectionTitle,
-        children: "ATOMS"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.sectionCountBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.sectionCountText,
-          testID: `${_testIDs.JOTAI_TEST_ID}-atoms-count`,
-          children: filteredAtoms.length
-        })
-      })]
-    }), filteredAtoms.map(atom => {
-      const valuePreview = getValuePreview(atom);
-      const atomColor = _jotaiStateStore.jotaiStateStore.getAtomColor(atom.label);
-      const rowID = (0, _testIDs.atomRowTestID)(atom.label);
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.atomRowWrapper,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
-          statusDotColor: atomColor,
-          statusLabel: getWriteKindLabel(atom),
-          primaryText: atom.label,
-          secondaryText: valuePreview || undefined,
-          showChevron: true,
-          onPress: () => onOpenAtom(atom.label),
-          testID: rowID,
-          statusTestID: `${rowID}-kind`,
-          primaryTestID: `${rowID}-name`,
-          secondaryTestID: `${rowID}-preview`
-        }), atom.changeCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.absCountBadge, {
-            backgroundColor: atomColor + "22",
-            borderColor: atomColor + "55"
-          }],
-          pointerEvents: "none",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.absCountText, {
-              color: atomColor
-            }],
-            testID: `${rowID}-count`,
-            children: String(atom.changeCount)
-          })
-        })]
-      }, atom.label);
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  atomRowWrapper: {
-    position: "relative"
-  },
-  absCountBadge: {
-    position: "absolute",
-    top: 4,
-    right: 10,
-    paddingHorizontal: 5,
-    paddingVertical: 1,
-    borderRadius: 4,
-    borderWidth: 1,
-    zIndex: 1
-  },
-  absCountText: {
-    fontSize: 9,
-    fontWeight: "700",
-    fontFamily: _sharedUi.monoFont
-  },
-  scrollContent: {
-    paddingTop: 8,
-    paddingBottom: 20
-  },
-  sectionHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    gap: 8
-  },
-  sectionTitle: {
-    fontSize: 11,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    color: _sharedUi.night.color.textTertiary
-  },
-  sectionCountBadge: {
-    backgroundColor: _sharedUi.night.color.accentFill,
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 4
-  },
-  sectionCountText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: _sharedUi.night.color.accent,
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.JotaiAtomBrowser=JotaiAtomBrowser;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jotaiStateStore=require("../utils/jotaiStateStore"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");function getValuePreview(e){try{const t=e.getValue();if(t&&"object"==typeof t&&!0===t.__buoyValueOnDevice)return"on device";if(void 0===t)return"undefined";if(null===t)return"null";if(Array.isArray(t))return 0===t.length?"[]":`[${t.length} item${1===t.length?"":"s"}]`;if("object"==typeof t){const e=Object.keys(t);return 0===e.length?"{}":e.length<=3?e.join(", "):`${e.slice(0,2).join(", ")} +${e.length-2}`}return String(t).slice(0,40)}catch{return""}}function getWriteKindLabel(e){return"value"===e.writeKind?"primitive":"action"===e.writeKind?"custom write":e.setValue?"writable":"derived"}function EmptyBrowserState(){return(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:`${_testIDs.JOTAI_TEST_ID}-atoms-empty`,otto:"scanning",title:"No atoms registered",message:"Use watchAtoms(store, { atomName }) to register your Jotai atoms.\nThey will appear here with their current value."})}function JotaiAtomBrowser({atoms:e,searchQuery:t,onOpenAtom:r}){const o=(0,_react.useMemo)(()=>{if(!t)return e;const r=t.toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(r))},[e,t]);return 0!==o.length||t?0===o.length&&t?(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:`${_testIDs.JOTAI_TEST_ID}-atoms-no-match`,...(0,_sharedUi.resolveListEmptyState)({subject:"atoms",verb:"registered",search:t,total:e.length,waiting:{otto:"scanning",title:"No atoms registered",message:"Use watchAtoms() to register your Jotai atoms."}})}):(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.container,contentContainerStyle:styles.scrollContent,showsVerticalScrollIndicator:!0,testID:`${_testIDs.JOTAI_TEST_ID}-atoms-scroll`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionTitle,children:"ATOMS"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.sectionCountBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionCountText,testID:`${_testIDs.JOTAI_TEST_ID}-atoms-count`,children:o.length})})]}),o.map(e=>{const t=getValuePreview(e),o=_jotaiStateStore.jotaiStateStore.getAtomColor(e.label),s=(0,_testIDs.atomRowTestID)(e.label);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.atomRowWrapper,children:[(0,_jsxRuntime.jsx)(_sharedUi.CompactRow,{statusDotColor:o,statusLabel:getWriteKindLabel(e),primaryText:e.label,secondaryText:t||void 0,showChevron:!0,onPress:()=>r(e.label),testID:s,statusTestID:`${s}-kind`,primaryTestID:`${s}-name`,secondaryTestID:`${s}-preview`}),e.changeCount>0&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.absCountBadge,{backgroundColor:o+"22",borderColor:o+"55"}],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.absCountText,{color:o}],testID:`${s}-count`,children:String(e.changeCount)})})]},e.label)})]}):(0,_jsxRuntime.jsx)(EmptyBrowserState,{})}const styles=_reactNative.StyleSheet.create({container:{flex:1},atomRowWrapper:{position:"relative"},absCountBadge:{position:"absolute",top:4,right:10,paddingHorizontal:5,paddingVertical:1,borderRadius:4,borderWidth:1,zIndex:1},absCountText:{fontSize:9,fontWeight:"700",fontFamily:_sharedUi.monoFont},scrollContent:{paddingTop:8,paddingBottom:20},sectionHeader:{flexDirection:"row",alignItems:"center",paddingHorizontal:16,paddingVertical:8,gap:8},sectionTitle:{fontSize:11,fontWeight:"700",letterSpacing:.5,color:_sharedUi.night.color.textTertiary},sectionCountBadge:{backgroundColor:_sharedUi.night.color.accentFill,paddingHorizontal:8,paddingVertical:2,borderRadius:4},sectionCountText:{fontSize:10,fontWeight:"700",color:_sharedUi.night.color.accent,fontFamily:_sharedUi.monoFont}});

package/lib/commonjs/jotai/components/JotaiAtomChangeItem.js

@@ -1,85 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JotaiAtomChangeItem = void 0;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jotaiStateStore = require("../utils/jotaiStateStore");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Compact list item for displaying a Jotai atom change
- *
- * Mirrors ZustandStateChangeItem.tsx — uses shared CompactRow for consistent styling
- */
-
-function getStatusLabel(category, atomLabel) {
-  if (category === "initial") return "Initial";
-  return atomLabel.charAt(0).toUpperCase() + atomLabel.slice(1);
-}
-function getCategoryColor(category, atomLabel) {
-  if (category === "initial") return _sharedUi.night.color.textTertiary;
-  return _jotaiStateStore.jotaiStateStore.getAtomColor(atomLabel);
-}
-function formatCompact(value, maxLen = 20) {
-  if (value === undefined) return "undefined";
-  if (value === null) return "null";
-  if (typeof value === "boolean") return String(value);
-  if (typeof value === "number") return String(value);
-  if (typeof value === "string") {
-    const truncated = value.length > maxLen ? value.slice(0, maxLen - 1) + "…" : value;
-    return `"${truncated}"`;
-  }
-  if (Array.isArray(value)) {
-    return value.length === 0 ? "[]" : `[${value.length} item${value.length === 1 ? "" : "s"}]`;
-  }
-  if (typeof value === "object") {
-    const keys = Object.keys(value);
-    if (keys.length === 0) return "{}";
-    return `{${keys.slice(0, 2).join(", ")}${keys.length > 2 ? "…" : ""}}`;
-  }
-  return String(value).slice(0, maxLen);
-}
-function getSublabel(change) {
-  if (!change.hasValueChange) return "no change";
-  return `${formatCompact(change.prevValue)} → ${formatCompact(change.nextValue)}`;
-}
-function getBadgeText(change) {
-  if (change.category === "initial") return "INIT";
-  return "WRITE";
-}
-function getPrimaryText(change) {
-  if (change.changedKeys.length > 0 && change.changedKeys.length <= 3) {
-    return change.changedKeys.join(", ");
-  }
-  if (change.changedKeys.length > 3) {
-    return `${change.changedKeys.slice(0, 2).join(", ")} +${change.changedKeys.length - 2}`;
-  }
-  return change.valuePreview || "atom()";
-}
-
-// Memo justified by profiling (tool-bench 2026-07-06) — see
-// ZustandStateChangeItem (same pattern).
-const JotaiAtomChangeItem = exports.JotaiAtomChangeItem = /*#__PURE__*/(0, _react.memo)(function JotaiAtomChangeItem({
-  change,
-  onPress,
-  testID
-}) {
-  const statusColor = getCategoryColor(change.category, change.atomLabel);
-  const statusLabel = getStatusLabel(change.category, change.atomLabel);
-  const sublabel = getSublabel(change);
-  const primaryText = getPrimaryText(change);
-  const badgeText = getBadgeText(change);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChangeRow, {
-    statusColor: statusColor,
-    statusLabel: statusLabel,
-    sublabel: sublabel,
-    primaryText: primaryText,
-    timestamp: change.timestamp,
-    badgeText: badgeText,
-    changed: change.hasValueChange,
-    onPress: () => onPress(change),
-    testID: testID
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.JotaiAtomChangeItem=void 0;var _react=require("react"),_sharedUi=require("@buoy-gg/shared-ui"),_jotaiStateStore=require("../utils/jotaiStateStore"),_jsxRuntime=require("react/jsx-runtime");function getStatusLabel(e,t){return"initial"===e?"Initial":t.charAt(0).toUpperCase()+t.slice(1)}function getCategoryColor(e,t){return"initial"===e?_sharedUi.night.color.textTertiary:_jotaiStateStore.jotaiStateStore.getAtomColor(t)}function formatCompact(e,t=20){if(void 0===e)return"undefined";if(null===e)return"null";if("boolean"==typeof e)return String(e);if("number"==typeof e)return String(e);if("string"==typeof e)return`"${e.length>t?e.slice(0,t-1)+"…":e}"`;if(Array.isArray(e))return 0===e.length?"[]":`[${e.length} item${1===e.length?"":"s"}]`;if("object"==typeof e){const t=Object.keys(e);return 0===t.length?"{}":`{${t.slice(0,2).join(", ")}${t.length>2?"…":""}}`}return String(e).slice(0,t)}function getSublabel(e){return e.hasValueChange?`${formatCompact(e.prevValue)} → ${formatCompact(e.nextValue)}`:"no change"}function getBadgeText(e){return"initial"===e.category?"INIT":"WRITE"}function getPrimaryText(e){return e.changedKeys.length>0&&e.changedKeys.length<=3?e.changedKeys.join(", "):e.changedKeys.length>3?`${e.changedKeys.slice(0,2).join(", ")} +${e.changedKeys.length-2}`:e.valuePreview||"atom()"}const JotaiAtomChangeItem=exports.JotaiAtomChangeItem=(0,_react.memo)(function({change:e,onPress:t,testID:r}){const a=getCategoryColor(e.category,e.atomLabel),n=getStatusLabel(e.category,e.atomLabel),o=getSublabel(e),i=getPrimaryText(e),g=getBadgeText(e);return(0,_jsxRuntime.jsx)(_sharedUi.ChangeRow,{statusColor:a,statusLabel:n,sublabel:o,primaryText:i,timestamp:e.timestamp,badgeText:g,changed:e.hasValueChange,onPress:()=>t(e),testID:r})});