@buoy-gg/jotai 7.0.38 → 7.0.40

package/lib/commonjs/index.js

@@ -1 +1,112 @@
-"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");
+"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");

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

@@ -1 +1,199 @@
-"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}});
+"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
+  }
+});

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

@@ -1 +1,85 @@
-"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})});
+"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
+  });
+});