@buoy-gg/jotai 7.0.36 → 7.0.38

package/lib/commonjs/jotai/utils/watchAtoms.js

@@ -1,162 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isAtomWatched = isAtomWatched;
-exports.watchAtoms = watchAtoms;
-exports.watchDefaultStoreAtoms = watchDefaultStoreAtoms;
-var _jotaiStateStore = require("./jotaiStateStore");
-var _writeSemantics = require("./writeSemantics");
-/**
- * Buoy Jotai DevTools — Atom instrumentation
- *
- * watchAtoms() — RECOMMENDED. Pass a Jotai store and a named atom map.
- * Uses store.sub() to observe each atom externally. Never touches atom internals.
- *
- * watchDefaultStoreAtoms() — Convenience wrapper that uses getDefaultStore().
- */
-
-/** Any Jotai atom — alias for Atom<unknown> for readability */
-
-/** Minimal store shape — what Jotai's createStore() / getDefaultStore() returns */
-
-/**
- * Watch a set of Jotai atoms for value changes.
- *
- * Pass a Jotai store and an object mapping display names to atoms.
- * Uses store.sub() to observe each atom — never modifies atom internals.
- *
- * @example
- * ```tsx
- * import { getDefaultStore } from 'jotai';
- * import { watchAtoms } from '@buoy-gg/jotai';
- * import { countAtom } from './atoms/count';
- * import { authAtom } from './atoms/auth';
- *
- * watchAtoms(getDefaultStore(), {
- *   countAtom,
- *   authAtom,
- * });
- * ```
- *
- * @param store  - Jotai store (from createStore() or getDefaultStore())
- * @param atoms  - Object mapping display labels to Jotai atoms
- * @param options - Optional configuration
- * @returns Cleanup function that removes all subscriptions
- */
-function watchAtoms(store, atoms, options) {
-  const enabled = options?.enabled !== false;
-  const cleanups = [];
-  for (const [label, atom] of Object.entries(atoms)) {
-    // Skip if already watched under this label
-    const atomAny = atom;
-    const watchedKey = Symbol.for(`@@buoy-jotai/watched/${label}`);
-    if (atomAny[watchedKey]) continue;
-    atomAny[watchedKey] = true;
-    let prevValue;
-    try {
-      prevValue = store.get(atom);
-    } catch {
-      prevValue = undefined;
-    }
-
-    // Register the atom for the browser view. A setter is captured only when
-    // the store supports `set` AND the atom itself is writable (has a `write`
-    // function — primitive atoms get a default one, read-only derived atoms
-    // have none). Deriveds used to get a setter that threw inside jotai at
-    // set time; now they're correctly reported as read-only up front.
-    const isWritable = typeof atom.write === "function";
-    const setter = store.set && isWritable ? value => {
-      store.set(atom, value);
-    } : undefined;
-    _jotaiStateStore.jotaiStateStore.registerAtom(label, () => {
-      try {
-        return store.get(atom);
-      } catch {
-        return undefined;
-      }
-    }, setter,
-    // "value" = jotai's shared defaultWrite (a primitive atom: store.set
-    // stores the value). "action" = a custom write receiving the value as
-    // its argument — still writable, but the editor says so.
-    isWritable ? (0, _writeSemantics.classifyAtomWrite)(atom) : undefined);
-
-    // Record initial value
-    if (enabled) {
-      _jotaiStateStore.jotaiStateStore.addAtomChange({
-        atomLabel: label,
-        prevValue: undefined,
-        nextValue: prevValue,
-        category: "initial"
-      });
-    }
-
-    // Subscribe to future changes
-    const unsubscribe = store.sub(atom, () => {
-      try {
-        const nextValue = store.get(atom);
-        _jotaiStateStore.jotaiStateStore.addAtomChange({
-          atomLabel: label,
-          prevValue,
-          nextValue,
-          category: "write"
-        });
-        prevValue = nextValue;
-      } catch {
-        // Silently catch — our bug must never propagate into the store
-      }
-    });
-    cleanups.push(() => {
-      unsubscribe();
-      delete atomAny[watchedKey];
-      _jotaiStateStore.jotaiStateStore.unregisterAtom(label);
-    });
-  }
-  return () => cleanups.forEach(fn => fn());
-}
-
-/**
- * Watch atoms using Jotai's default store (no Provider setup required).
- *
- * Convenience wrapper around watchAtoms() — auto-imports getDefaultStore.
- *
- * @example
- * ```tsx
- * import { watchDefaultStoreAtoms } from '@buoy-gg/jotai';
- * import { countAtom, authAtom } from './atoms';
- *
- * watchDefaultStoreAtoms({ countAtom, authAtom });
- * ```
- */
-function watchDefaultStoreAtoms(atoms, options) {
-  // Dynamic import to avoid bundling jotai internals when not needed
-  let store;
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const {
-      getDefaultStore
-    } = require("jotai/vanilla");
-    store = getDefaultStore();
-  } catch {
-    // Try the main jotai entry (React Native)
-    try {
-      // eslint-disable-next-line @typescript-eslint/no-var-requires
-      const {
-        getDefaultStore
-      } = require("jotai");
-      store = getDefaultStore();
-    } catch {
-      console.warn("[@buoy-gg/jotai] Could not find getDefaultStore from jotai. " + "Pass the store explicitly via watchAtoms(store, atoms) instead.");
-      return () => {};
-    }
-  }
-  return watchAtoms(store, atoms, options);
-}
-
-/**
- * Check if an atom label is currently being watched
- */
-function isAtomWatched(label) {
-  return _jotaiStateStore.jotaiStateStore.getAtom(label) !== undefined;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isAtomWatched=isAtomWatched,exports.watchAtoms=watchAtoms,exports.watchDefaultStoreAtoms=watchDefaultStoreAtoms;var _jotaiStateStore=require("./jotaiStateStore"),_writeSemantics=require("./writeSemantics");function watchAtoms(t,e,o){const a=!1!==o?.enabled,r=[];for(const[o,i]of Object.entries(e)){const e=i,c=Symbol.for(`@@buoy-jotai/watched/${o}`);if(e[c])continue;let s;e[c]=!0;try{s=t.get(i)}catch{s=void 0}const n="function"==typeof i.write,u=t.set&&n?e=>{t.set(i,e)}:void 0;_jotaiStateStore.jotaiStateStore.registerAtom(o,()=>{try{return t.get(i)}catch{return}},u,n?(0,_writeSemantics.classifyAtomWrite)(i):void 0),a&&_jotaiStateStore.jotaiStateStore.addAtomChange({atomLabel:o,prevValue:void 0,nextValue:s,category:"initial"});const S=t.sub(i,()=>{try{const e=t.get(i);_jotaiStateStore.jotaiStateStore.addAtomChange({atomLabel:o,prevValue:s,nextValue:e,category:"write"}),s=e}catch{}});r.push(()=>{S(),delete e[c],_jotaiStateStore.jotaiStateStore.unregisterAtom(o)})}return()=>r.forEach(t=>t())}function watchDefaultStoreAtoms(t,e){let o;try{const{getDefaultStore:t}=require("jotai/vanilla");o=t()}catch{try{const{getDefaultStore:t}=require("jotai");o=t()}catch{return console.warn("[@buoy-gg/jotai] Could not find getDefaultStore from jotai. Pass the store explicitly via watchAtoms(store, atoms) instead."),()=>{}}}return watchAtoms(o,t,e)}function isAtomWatched(t){return void 0!==_jotaiStateStore.jotaiStateStore.getAtom(t)}

package/lib/commonjs/jotai/utils/writeSemantics.js

@@ -1,47 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.classifyAtomWrite = classifyAtomWrite;
-var _vanilla = require("jotai/vanilla");
-/**
- * What does `store.set(atom, x)` DO with x?
- *
- * jotai's `atom(initialValue)` gives every primitive atom the SAME shared
- * `defaultWrite` function (see jotai/src/vanilla/atom.ts): it stores x as the
- * atom's new value (or calls it with the previous value when x is a
- * function). Any other `write` is app code — `atomWithReducer` receives
- * ACTIONS, `atomWithStorage` persists as a side effect, a custom write can do
- * anything — so a raw value handed to `store.set` may not mean "set to this".
- *
- * The tool's editor needs that distinction to be honest: a "value" atom edits
- * like plain data; an "action" atom is still writable (the MCP `setAtom` and
- * Time Machine restore already write to them) but the editor says what the
- * write actually does.
- *
- * Detection: a probe primitive atom exposes this jotai instance's
- * `defaultWrite`; identity match is exact. The `toString` fallback covers an
- * app that somehow bundles a second jotai copy (its atoms carry a different —
- * but textually identical — defaultWrite instance). An unrecognized write
- * classifies as "action", which only makes the editor more cautious.
- */
-
-const probe = (0, _vanilla.atom)(null);
-const DEFAULT_WRITE = probe.write;
-const DEFAULT_WRITE_SOURCE = typeof DEFAULT_WRITE === "function" ? String(DEFAULT_WRITE) : null;
-
-/** Classify a writable atom's write. Call only when `atom.write` exists. */
-function classifyAtomWrite(candidate) {
-  const atomLike = candidate;
-  const write = atomLike?.write;
-  if (typeof write !== "function") return "action";
-  if (write === DEFAULT_WRITE) return "value";
-  // Dual-copy fallback: a primitive atom from another jotai instance holds
-  // its own value (`init` present) and its write's source is the library's
-  // defaultWrite verbatim.
-  if (atomLike !== null && "init" in atomLike && DEFAULT_WRITE_SOURCE !== null && String(write) === DEFAULT_WRITE_SOURCE) {
-    return "value";
-  }
-  return "action";
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.classifyAtomWrite=classifyAtomWrite;var _vanilla=require("jotai/vanilla");const probe=(0,_vanilla.atom)(null),DEFAULT_WRITE=probe.write,DEFAULT_WRITE_SOURCE="function"==typeof DEFAULT_WRITE?String(DEFAULT_WRITE):null;function classifyAtomWrite(t){const i=t,e=i?.write;return"function"!=typeof e?"action":e===DEFAULT_WRITE||null!==i&&"init"in i&&null!==DEFAULT_WRITE_SOURCE&&String(e)===DEFAULT_WRITE_SOURCE?"value":"action"}

package/lib/commonjs/preset.js

@@ -1,90 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.jotaiToolPreset = exports.createJotaiTool = void 0;
-var _JotaiModal = require("./jotai/components/JotaiModal");
-var _JotaiIcon = require("./jotai/components/JotaiIcon");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Pre-configured Jotai DevTools preset for FloatingDevTools
- *
- * ZERO-CONFIG: This preset is auto-discovered by FloatingDevTools!
- * Just install @buoy-gg/jotai and call watchAtoms() with your atoms.
- *
- * @example Automatic (recommended)
- * ```tsx
- * import { getDefaultStore } from 'jotai';
- * import { watchAtoms } from '@buoy-gg/jotai';
- * import { countAtom, authAtom } from './atoms';
- *
- * watchAtoms(getDefaultStore(), { countAtom, authAtom });
- *
- * // The Jotai tool appears automatically in FloatingDevTools!
- * <FloatingDevTools />
- * ```
- *
- * @example Manual (only for custom configuration)
- * ```tsx
- * import { createJotaiTool } from '@buoy-gg/jotai';
- *
- * const customJotaiTool = createJotaiTool({
- *   name: "ATOMS",
- *   iconColor: "#6C47FF",
- * });
- *
- * <FloatingDevTools apps={[customJotaiTool]} />
- * ```
- */
-
-/**
- * Pre-configured Jotai DevTools preset for FloatingDevTools.
- * Includes:
- * - Live atom change monitoring
- * - Atom value inspection (JSON viewer)
- * - Value diff visualization (tree + split)
- * - Filter by atom label
- * - Changed keys tracking for object atoms
- */
-const jotaiToolPreset = exports.jotaiToolPreset = (0, _sharedUi.defineToolPreset)({
-  id: "jotai",
-  name: "JOTAI",
-  description: "Jotai atom & state inspector",
-  slot: "both",
-  icon: ({
-    size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_JotaiIcon.JotaiIcon, {
-    size: size
-  }),
-  component: _JotaiModal.JotaiModal,
-  props: {
-    enableSharedModalDimensions: false
-  }
-});
-
-/**
- * Create a custom Jotai DevTools configuration.
- * Use this if you want to override default settings.
- *
- * @example
- * ```tsx
- * import { createJotaiTool } from '@buoy-gg/jotai';
- *
- * const myJotaiTool = createJotaiTool({
- *   name: "ATOMS",
- *   iconColor: "#6C47FF",
- * });
- * ```
- */
-const createJotaiTool = exports.createJotaiTool = (0, _sharedUi.createToolFactory)(jotaiToolPreset, options => ({
-  enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
-}), options => ({
-  icon: ({
-    size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_JotaiIcon.JotaiIcon, {
-    size: size,
-    color: options.iconColor
-  })
-}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.jotaiToolPreset=exports.createJotaiTool=void 0;var _JotaiModal=require("./jotai/components/JotaiModal"),_JotaiIcon=require("./jotai/components/JotaiIcon"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");const jotaiToolPreset=exports.jotaiToolPreset=(0,_sharedUi.defineToolPreset)({id:"jotai",name:"JOTAI",description:"Jotai atom & state inspector",slot:"both",icon:({size:o})=>(0,_jsxRuntime.jsx)(_JotaiIcon.JotaiIcon,{size:o}),component:_JotaiModal.JotaiModal,props:{enableSharedModalDimensions:!1}}),createJotaiTool=exports.createJotaiTool=(0,_sharedUi.createToolFactory)(jotaiToolPreset,o=>({enableSharedModalDimensions:o.enableSharedModalDimensions??!1}),o=>({icon:({size:e})=>(0,_jsxRuntime.jsx)(_JotaiIcon.JotaiIcon,{size:e,color:o.iconColor})}));

package/lib/module/index.js

@@ -1,85 +1 @@
-"use strict";
-
-/**
- * @buoy-gg/jotai
- *
- * Jotai Atom DevTools for React Native
- *
- * PUBLIC API - Only these exports are supported for external use.
- *
- * @example Recommended setup (one line, pass your atoms)
- * ```tsx
- * import { getDefaultStore } from 'jotai';
- * import { watchAtoms } from '@buoy-gg/jotai';
- * import { countAtom } from './atoms/count';
- * import { authAtom } from './atoms/auth';
- *
- * // One call, anywhere at module scope or in your root layout:
- * watchAtoms(getDefaultStore(), {
- *   countAtom,
- *   authAtom,
- * });
- * ```
- *
- * @example With a custom store (Provider-based)
- * ```tsx
- * import { createStore } from 'jotai';
- * import { watchAtoms } from '@buoy-gg/jotai';
- *
- * const myStore = createStore();
- *
- * watchAtoms(myStore, { countAtom, authAtom });
- * ```
- */
-
-// Side-effect: registers the Time Machine snapshot provider
-import "./jotai/utils/snapshotProvider";
-
-// =============================================================================
-// PRESET (Primary entry point for FloatingDevTools)
-// =============================================================================
-export { jotaiToolPreset, createJotaiTool } from "./preset";
-
-// =============================================================================
-// WATCH ATOMS (Recommended — subscribe-only, non-intrusive)
-// =============================================================================
-export { watchAtoms } from "./jotai/utils/watchAtoms";
-
-// =============================================================================
-// CONVENIENCE (Default store shortcut)
-// =============================================================================
-export { watchDefaultStoreAtoms } from "./jotai/utils/watchAtoms";
-
-// =============================================================================
-// UTILITIES
-// =============================================================================
-export { isAtomWatched } from "./jotai/utils/watchAtoms";
-// =============================================================================
-// HOOKS (For consuming Jotai atom data)
-// =============================================================================
-export { useJotaiAtomChanges } from "./jotai/hooks/useJotaiAtomChanges";
-// =============================================================================
-// COMPONENTS (For custom UI implementations)
-// =============================================================================
-// `JotaiToolView` is the same tool rendered inline (header bar + body + footer)
-// instead of inside a JsModal — for hosts that show tools in a panel.
-export { JotaiModal, JotaiToolView } from "./jotai/components/JotaiModal";
-export { JotaiAtomChangeItem } from "./jotai/components/JotaiAtomChangeItem";
-export { JotaiAtomDetailContent, JotaiAtomDetailFooter } from "./jotai/components/JotaiAtomDetailContent";
-export { JotaiAtomValueDetailContent } from "./jotai/components/JotaiAtomValueDetailContent";
-export { JotaiIcon, JOTAI_ICON_COLOR } from "./jotai/components/JotaiIcon";
-
-// =============================================================================
-// EXTERNAL SYNC (Adapter for @buoy-gg/external-sync's useExternalSync)
-// =============================================================================
-export { jotaiSyncAdapter } from "./jotai/sync/jotaiSyncAdapter";
-
-// =============================================================================
-// TYPES
-// =============================================================================
-
-// =============================================================================
-// INTERNAL EXPORTS (For @buoy-gg/* packages only - not part of public API)
-// =============================================================================
-/** @internal */
-export { jotaiStateStore } from "./jotai/utils/jotaiStateStore";
+"use strict";import"./jotai/utils/snapshotProvider";export{jotaiToolPreset,createJotaiTool}from"./preset";export{watchAtoms}from"./jotai/utils/watchAtoms";export{watchDefaultStoreAtoms}from"./jotai/utils/watchAtoms";export{isAtomWatched}from"./jotai/utils/watchAtoms";export{useJotaiAtomChanges}from"./jotai/hooks/useJotaiAtomChanges";export{JotaiModal,JotaiToolView}from"./jotai/components/JotaiModal";export{JotaiAtomChangeItem}from"./jotai/components/JotaiAtomChangeItem";export{JotaiAtomDetailContent,JotaiAtomDetailFooter}from"./jotai/components/JotaiAtomDetailContent";export{JotaiAtomValueDetailContent}from"./jotai/components/JotaiAtomValueDetailContent";export{JotaiIcon,JOTAI_ICON_COLOR}from"./jotai/components/JotaiIcon";export{jotaiSyncAdapter}from"./jotai/sync/jotaiSyncAdapter";export{jotaiStateStore}from"./jotai/utils/jotaiStateStore";

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

@@ -1,195 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-
-import { useMemo } from "react";
-import { View, Text, StyleSheet, ScrollView } from "react-native";
-import { CompactRow, night, ToolEmptyState, resolveListEmptyState, monoFont } from "@buoy-gg/shared-ui";
-import { jotaiStateStore } from "../utils/jotaiStateStore";
-import { JOTAI_TEST_ID, atomRowTestID } from "../utils/testIDs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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__*/_jsx(ToolEmptyState, {
-    testID: `${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."
-  });
-}
-export function JotaiAtomBrowser({
-  atoms,
-  searchQuery,
-  onOpenAtom
-}) {
-  const filteredAtoms = 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__*/_jsx(EmptyBrowserState, {});
-  }
-  if (filteredAtoms.length === 0 && searchQuery) {
-    return /*#__PURE__*/_jsx(ToolEmptyState, {
-      testID: `${JOTAI_TEST_ID}-atoms-no-match`,
-      ...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__*/_jsxs(ScrollView, {
-    style: styles.container,
-    contentContainerStyle: styles.scrollContent,
-    showsVerticalScrollIndicator: true,
-    testID: `${JOTAI_TEST_ID}-atoms-scroll`,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.sectionHeader,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.sectionTitle,
-        children: "ATOMS"
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.sectionCountBadge,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.sectionCountText,
-          testID: `${JOTAI_TEST_ID}-atoms-count`,
-          children: filteredAtoms.length
-        })
-      })]
-    }), filteredAtoms.map(atom => {
-      const valuePreview = getValuePreview(atom);
-      const atomColor = jotaiStateStore.getAtomColor(atom.label);
-      const rowID = atomRowTestID(atom.label);
-      return /*#__PURE__*/_jsxs(View, {
-        style: styles.atomRowWrapper,
-        children: [/*#__PURE__*/_jsx(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__*/_jsx(View, {
-          style: [styles.absCountBadge, {
-            backgroundColor: atomColor + "22",
-            borderColor: atomColor + "55"
-          }],
-          pointerEvents: "none",
-          children: /*#__PURE__*/_jsx(Text, {
-            style: [styles.absCountText, {
-              color: atomColor
-            }],
-            testID: `${rowID}-count`,
-            children: String(atom.changeCount)
-          })
-        })]
-      }, atom.label);
-    })]
-  });
-}
-const styles = 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: 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: night.color.textTertiary
-  },
-  sectionCountBadge: {
-    backgroundColor: night.color.accentFill,
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 4
-  },
-  sectionCountText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: night.color.accent,
-    fontFamily: monoFont
-  }
-});
+"use strict";import{useMemo}from"react";import{View,Text,StyleSheet,ScrollView}from"react-native";import{CompactRow,night,ToolEmptyState,resolveListEmptyState,monoFont}from"@buoy-gg/shared-ui";import{jotaiStateStore}from"../utils/jotaiStateStore";import{JOTAI_TEST_ID,atomRowTestID}from"../utils/testIDs";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function getValuePreview(t){try{const e=t.getValue();if(e&&"object"==typeof e&&!0===e.__buoyValueOnDevice)return"on device";if(void 0===e)return"undefined";if(null===e)return"null";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.length<=3?t.join(", "):`${t.slice(0,2).join(", ")} +${t.length-2}`}return String(e).slice(0,40)}catch{return""}}function getWriteKindLabel(t){return"value"===t.writeKind?"primitive":"action"===t.writeKind?"custom write":t.setValue?"writable":"derived"}function EmptyBrowserState(){return _jsx(ToolEmptyState,{testID:`${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."})}export function JotaiAtomBrowser({atoms:t,searchQuery:e,onOpenAtom:o}){const r=useMemo(()=>{if(!e)return t;const o=e.toLowerCase();return t.filter(t=>t.label.toLowerCase().includes(o))},[t,e]);return 0!==r.length||e?0===r.length&&e?_jsx(ToolEmptyState,{testID:`${JOTAI_TEST_ID}-atoms-no-match`,...resolveListEmptyState({subject:"atoms",verb:"registered",search:e,total:t.length,waiting:{otto:"scanning",title:"No atoms registered",message:"Use watchAtoms() to register your Jotai atoms."}})}):_jsxs(ScrollView,{style:styles.container,contentContainerStyle:styles.scrollContent,showsVerticalScrollIndicator:!0,testID:`${JOTAI_TEST_ID}-atoms-scroll`,children:[_jsxs(View,{style:styles.sectionHeader,children:[_jsx(Text,{style:styles.sectionTitle,children:"ATOMS"}),_jsx(View,{style:styles.sectionCountBadge,children:_jsx(Text,{style:styles.sectionCountText,testID:`${JOTAI_TEST_ID}-atoms-count`,children:r.length})})]}),r.map(t=>{const e=getValuePreview(t),r=jotaiStateStore.getAtomColor(t.label),n=atomRowTestID(t.label);return _jsxs(View,{style:styles.atomRowWrapper,children:[_jsx(CompactRow,{statusDotColor:r,statusLabel:getWriteKindLabel(t),primaryText:t.label,secondaryText:e||void 0,showChevron:!0,onPress:()=>o(t.label),testID:n,statusTestID:`${n}-kind`,primaryTestID:`${n}-name`,secondaryTestID:`${n}-preview`}),t.changeCount>0&&_jsx(View,{style:[styles.absCountBadge,{backgroundColor:r+"22",borderColor:r+"55"}],pointerEvents:"none",children:_jsx(Text,{style:[styles.absCountText,{color:r}],testID:`${n}-count`,children:String(t.changeCount)})})]},t.label)})]}):_jsx(EmptyBrowserState,{})}const styles=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: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:night.color.textTertiary},sectionCountBadge:{backgroundColor:night.color.accentFill,paddingHorizontal:8,paddingVertical:2,borderRadius:4},sectionCountText:{fontSize:10,fontWeight:"700",color:night.color.accent,fontFamily:monoFont}});

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

@@ -1,81 +1 @@
-"use strict";
-
-/**
- * Compact list item for displaying a Jotai atom change
- *
- * Mirrors ZustandStateChangeItem.tsx — uses shared CompactRow for consistent styling
- */
-
-import { memo } from "react";
-import { ChangeRow, night } from "@buoy-gg/shared-ui";
-import { jotaiStateStore } from "../utils/jotaiStateStore";
-import { jsx as _jsx } from "react/jsx-runtime";
-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 night.color.textTertiary;
-  return 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).
-export const JotaiAtomChangeItem = /*#__PURE__*/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__*/_jsx(ChangeRow, {
-    statusColor: statusColor,
-    statusLabel: statusLabel,
-    sublabel: sublabel,
-    primaryText: primaryText,
-    timestamp: change.timestamp,
-    badgeText: badgeText,
-    changed: change.hasValueChange,
-    onPress: () => onPress(change),
-    testID: testID
-  });
-});
+"use strict";import{memo}from"react";import{ChangeRow,night}from"@buoy-gg/shared-ui";import{jotaiStateStore}from"../utils/jotaiStateStore";import{jsx as _jsx}from"react/jsx-runtime";function getStatusLabel(t,e){return"initial"===t?"Initial":e.charAt(0).toUpperCase()+e.slice(1)}function getCategoryColor(t,e){return"initial"===t?night.color.textTertiary:jotaiStateStore.getAtomColor(e)}function formatCompact(t,e=20){if(void 0===t)return"undefined";if(null===t)return"null";if("boolean"==typeof t)return String(t);if("number"==typeof t)return String(t);if("string"==typeof t)return`"${t.length>e?t.slice(0,e-1)+"…":t}"`;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.slice(0,2).join(", ")}${e.length>2?"…":""}}`}return String(t).slice(0,e)}function getSublabel(t){return t.hasValueChange?`${formatCompact(t.prevValue)} → ${formatCompact(t.nextValue)}`:"no change"}function getBadgeText(t){return"initial"===t.category?"INIT":"WRITE"}function getPrimaryText(t){return t.changedKeys.length>0&&t.changedKeys.length<=3?t.changedKeys.join(", "):t.changedKeys.length>3?`${t.changedKeys.slice(0,2).join(", ")} +${t.changedKeys.length-2}`:t.valuePreview||"atom()"}export const JotaiAtomChangeItem=memo(function({change:t,onPress:e,testID:r}){const n=getCategoryColor(t.category,t.atomLabel),a=getStatusLabel(t.category,t.atomLabel),o=getSublabel(t),i=getPrimaryText(t),g=getBadgeText(t);return _jsx(ChangeRow,{statusColor:n,statusLabel:a,sublabel:o,primaryText:i,timestamp:t.timestamp,badgeText:g,changed:t.hasValueChange,onPress:()=>e(t),testID:r})});