@buoy-gg/jotai 7.0.41 → 7.0.42

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

@@ -1,143 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isAtomWatched = isAtomWatched;
-exports.watchAtoms = watchAtoms;
-exports.watchDefaultStoreAtoms = watchDefaultStoreAtoms;
-var _vanilla = require("jotai/vanilla");
-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) {
-  const store = (0, _vanilla.getDefaultStore)();
-  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:true});exports.isAtomWatched=isAtomWatched;exports.watchAtoms=watchAtoms;exports.watchDefaultStoreAtoms=watchDefaultStoreAtoms;var _vanilla=require("jotai/vanilla");var _jotaiStateStore=require("./jotaiStateStore");var _writeSemantics=require("./writeSemantics");function watchAtoms(t,n,i){const d=i?.enabled!==false;const s=[];for(const[a,e]of Object.entries(n)){const c=e;const u=Symbol.for(`@@buoy-jotai/watched/${a}`);if(c[u])continue;c[u]=true;let o;try{o=t.get(e)}catch{o=void 0}const l=typeof e.write==="function";const f=t.set&&l?r=>{t.set(e,r)}:void 0;_jotaiStateStore.jotaiStateStore.registerAtom(a,()=>{try{return t.get(e)}catch{return void 0}},f,l?(0,_writeSemantics.classifyAtomWrite)(e):void 0);if(d){_jotaiStateStore.jotaiStateStore.addAtomChange({atomLabel:a,prevValue:void 0,nextValue:o,category:"initial"})}const S=t.sub(e,()=>{try{const r=t.get(e);_jotaiStateStore.jotaiStateStore.addAtomChange({atomLabel:a,prevValue:o,nextValue:r,category:"write"});o=r}catch{}});s.push(()=>{S();delete c[u];_jotaiStateStore.jotaiStateStore.unregisterAtom(a)})}return()=>s.forEach(a=>a())}function watchDefaultStoreAtoms(t,n){const i=(0,_vanilla.getDefaultStore)();return watchAtoms(i,t,n)}function isAtomWatched(t){return _jotaiStateStore.jotaiStateStore.getAtom(t)!==void 0}

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:true});exports.classifyAtomWrite=classifyAtomWrite;var _vanilla=require("jotai/vanilla");const probe=(0,_vanilla.atom)(null);const DEFAULT_WRITE=probe.write;const DEFAULT_WRITE_SOURCE=typeof DEFAULT_WRITE==="function"?String(DEFAULT_WRITE):null;function classifyAtomWrite(n){const t=n;const e=t?.write;if(typeof e!=="function")return"action";if(e===DEFAULT_WRITE)return"value";if(t!==null&&"init"in t&&DEFAULT_WRITE_SOURCE!==null&&String(e)===DEFAULT_WRITE_SOURCE){return"value"}return"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: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");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:false}});const createJotaiTool=exports.createJotaiTool=(0,_sharedUi.createToolFactory)(jotaiToolPreset,o=>({enableSharedModalDimensions:o.enableSharedModalDimensions??false}),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 as y}from"react";import{View as c,Text as g,StyleSheet as b,ScrollView as w}from"react-native";import{CompactRow as C,night as f,ToolEmptyState as p,resolveListEmptyState as T,monoFont as h}from"@buoy-gg/shared-ui";import{jotaiStateStore as S}from"../utils/jotaiStateStore";import{JOTAI_TEST_ID as u,atomRowTestID as v}from"../utils/testIDs";import{jsx as r,jsxs as m}from"react/jsx-runtime";function x(o){try{const t=o.getValue();if(t&&typeof t==="object"&&t.__buoyValueOnDevice===true){return"on device"}if(t===void 0)return"undefined";if(t===null)return"null";if(Array.isArray(t)){if(t.length===0)return"[]";return`[${t.length} item${t.length===1?"":"s"}]`}if(typeof t==="object"){const i=Object.keys(t);if(i.length===0)return"{}";if(i.length<=3)return i.join(", ");return`${i.slice(0,2).join(", ")} +${i.length-2}`}return String(t).slice(0,40)}catch{return""}}function I(o){if(o.writeKind==="value")return"primitive";if(o.writeKind==="action")return"custom write";return o.setValue?"writable":"derived"}function D(){return r(p,{testID:`${u}-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:o,searchQuery:t,onOpenAtom:i}){const l=y(()=>{if(!t)return o;const e=t.toLowerCase();return o.filter(d=>d.label.toLowerCase().includes(e))},[o,t]);if(l.length===0&&!t){return r(D,{})}if(l.length===0&&t){return r(p,{testID:`${u}-atoms-no-match`,...T({subject:"atoms",verb:"registered",search:t,total:o.length,waiting:{otto:"scanning",title:"No atoms registered",message:"Use watchAtoms() to register your Jotai atoms."}})})}return m(w,{style:n.container,contentContainerStyle:n.scrollContent,showsVerticalScrollIndicator:true,testID:`${u}-atoms-scroll`,children:[m(c,{style:n.sectionHeader,children:[r(g,{style:n.sectionTitle,children:"ATOMS"}),r(c,{style:n.sectionCountBadge,children:r(g,{style:n.sectionCountText,testID:`${u}-atoms-count`,children:l.length})})]}),l.map(e=>{const d=x(e);const a=S.getAtomColor(e.label);const s=v(e.label);return m(c,{style:n.atomRowWrapper,children:[r(C,{statusDotColor:a,statusLabel:I(e),primaryText:e.label,secondaryText:d||void 0,showChevron:true,onPress:()=>i(e.label),testID:s,statusTestID:`${s}-kind`,primaryTestID:`${s}-name`,secondaryTestID:`${s}-preview`}),e.changeCount>0&&r(c,{style:[n.absCountBadge,{backgroundColor:a+"22",borderColor:a+"55"}],pointerEvents:"none",children:r(g,{style:[n.absCountText,{color:a}],testID:`${s}-count`,children:String(e.changeCount)})})]},e.label)})]})}const n=b.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:h},scrollContent:{paddingTop:8,paddingBottom:20},sectionHeader:{flexDirection:"row",alignItems:"center",paddingHorizontal:16,paddingVertical:8,gap:8},sectionTitle:{fontSize:11,fontWeight:"700",letterSpacing:.5,color:f.color.textTertiary},sectionCountBadge:{backgroundColor:f.color.accentFill,paddingHorizontal:8,paddingVertical:2,borderRadius:4},sectionCountText:{fontSize:10,fontWeight:"700",color:f.color.accent,fontFamily:h}});

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

@@ -1,91 +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";
-/**
- * The atom's name, exactly as registered. INIT rows used to read "Initial",
- * so five registrations were five identical rows, and the name was
- * capitalized ("VisibleCountAtom") into something the code doesn't contain.
- * The INIT badge already says what kind of event it is.
- */
-function getStatusLabel(_category, atomLabel) {
-  return atomLabel;
-}
-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) {
-  // Changed keys only mean something for a plain object. For an array they
-  // are indices ("15, 16 +18"), so show the new value instead.
-  const next = change.nextValue;
-  const isPlainObject = typeof next === "object" && next !== null && !Array.isArray(next);
-  if (!isPlainObject) return formatCompact(next);
-  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 as l}from"react";import{ChangeRow as m,night as y}from"@buoy-gg/shared-ui";import{jotaiStateStore as g}from"../utils/jotaiStateStore";import{jsx as c}from"react/jsx-runtime";function b(t,e){return e}function p(t,e){if(t==="initial")return y.color.textTertiary;return g.getAtomColor(e)}function n(t,e=20){if(t===void 0)return"undefined";if(t===null)return"null";if(typeof t==="boolean")return String(t);if(typeof t==="number")return String(t);if(typeof t==="string"){const r=t.length>e?t.slice(0,e-1)+"\u2026":t;return`"${r}"`}if(Array.isArray(t)){return t.length===0?"[]":`[${t.length} item${t.length===1?"":"s"}]`}if(typeof t==="object"){const r=Object.keys(t);if(r.length===0)return"{}";return`{${r.slice(0,2).join(", ")}${r.length>2?"\u2026":""}}`}return String(t).slice(0,e)}function d(t){if(!t.hasValueChange)return"no change";return`${n(t.prevValue)} \u2192 ${n(t.nextValue)}`}function x(t){if(t.category==="initial")return"INIT";return"WRITE"}function C(t){const e=t.nextValue;const r=typeof e==="object"&&e!==null&&!Array.isArray(e);if(!r)return n(e);if(t.changedKeys.length>0&&t.changedKeys.length<=3){return t.changedKeys.join(", ")}if(t.changedKeys.length>3){return`${t.changedKeys.slice(0,2).join(", ")} +${t.changedKeys.length-2}`}return t.valuePreview||"atom()"}export const JotaiAtomChangeItem=l(function t({change:e,onPress:r,testID:o}){const i=p(e.category,e.atomLabel);const s=b(e.category,e.atomLabel);const u=d(e);const f=C(e);const a=x(e);return c(m,{statusColor:i,statusLabel:s,sublabel:u,primaryText:f,timestamp:e.timestamp,badgeText:a,changed:e.hasValueChange,onPress:()=>r(e),testID:o})});