@buoy-gg/jotai 7.0.41 → 7.0.43

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

@@ -1,444 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JotaiAtomValueDetailContent = JotaiAtomValueDetailContent;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _jotaiStateStore = require("../utils/jotaiStateStore");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * One atom, on a screen of its own — the React Query detail-screen shape
- * pointed at a live jotai atom. The jotai counterpart of zustand's
- * `ZustandStoreDetailContent`; tapping an atom card opens this instead of
- * expanding in place.
- *
- *   1. VALUE EDITOR — the shared LiveExplorer. No draft, no Save: an edit
- *      writes into the atom as you make it and the app reacts immediately.
- *      Typing commits on a short debounce (~300ms, flushed on blur) so a word
- *      is one recorded change, not one per keystroke — atom writes land in
- *      the change log and count against the free tier's cap.
- *   2. ATOM DETAILS — what the expanded card used to say: type, write
- *      semantics, change count (with the road to history).
- *   3. VALUE EXPLORER — the read-only tree of the same value.
- *
- * THE WRITE RULE — whole-value replace, jotai's own semantics. An atom is one
- * value; there is no merge. However deep the edit, the writer rebuilds the
- * whole value (`updateNestedDataByPath`) and hands it to `store.set(atom, …)`
- * — so nested deletes are fine and only the ROOT itself can't be removed.
- *
- * Write-kind honesty (classified from jotai's own `defaultWrite`, see
- * writeSemantics.ts):
- *   - "value"  — primitive atom: `store.set` stores the edited value. Clean.
- *   - "action" — custom write (`atomWithStorage`, `atomWithReducer`, …): the
- *     edited value is passed to that write as its argument. For most
- *     (`atomWithStorage`) that IS a set; for a reducer it's an action. Still
- *     editable — the MCP's `setAtom` and Time Machine restore already write
- *     these — but the editor says what the write really does.
- *   - read-only derived — no setter exists; the editor section explains and
- *     the info/explorer sections still render.
- */
-
-/** How long typed edits coalesce before the single write fires. */const TYPING_COMMIT_MS = 300;
-
-/** `buoy-jotai-atom-detail-…` — this screen's own handle root. */
-const DETAIL_ID = `${_testIDs.JOTAI_TEST_ID}-atom-detail`;
-function detailExplorerTestID(dataPath) {
-  const slug = part => part.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-  return dataPath.length === 0 ? `${DETAIL_ID}-explorer-root` : `${DETAIL_ID}-explorer-${dataPath.map(slug).filter(Boolean).join("-")}`;
-}
-
-/**
- * Why this atom's value can't be live-edited, or null when it can.
- *
- * The path utils handle scalars, arrays, plain objects, Map and Set. What
- * they can't faithfully rebuild is a class instance (a leaf edit would spread
- * it into a plain object, dropping its prototype) — and a mirror's
- * on-device marker or a function value aren't editable data at all.
- */
-function editBlockedReasonFor(atom, value) {
-  if (!atom.setValue) {
-    return "Derived atom — its value recomputes from other atoms and has no setter. Edit the atoms it reads from instead.";
-  }
-  if (typeof value === "function") {
-    return "This atom holds a function — nothing here to edit as data.";
-  }
-  if (value && typeof value === "object" && value.__buoyValueOnDevice === true) {
-    return "The value stayed on the device (too large for the wire) — open the tool on-device to edit it.";
-  }
-  if (value && typeof value === "object") {
-    const proto = Object.getPrototypeOf(value);
-    const isPlain = proto === Object.prototype || proto === null || Array.isArray(value) || value instanceof Map || value instanceof Set;
-    if (!isPlain) {
-      const name = value.constructor?.name ?? "class";
-      return `This atom holds a ${name} instance — rebuilding it from edited fields would drop its prototype. Edit via app code.`;
-    }
-  }
-  return null;
-}
-function valueTypeLabel(value) {
-  if (value === null) return "null";
-  if (value === undefined) return "undefined";
-  if (Array.isArray(value)) return `array · ${value.length}`;
-  return typeof value;
-}
-function JotaiAtomValueDetailContent({
-  atom,
-  onViewHistory
-}) {
-  const rowID = (0, _testIDs.atomRowTestID)(atom.label);
-
-  // Re-render on every recorded change — our own edits included — so the
-  // editor, the read-only explorer, and the change count all track the live
-  // atom. Changes and registry updates arrive on separate listener sets, so
-  // subscribe to both. On a desktop mirror the snapshot refresh drives the
-  // same listeners.
-  const [version, setVersion] = (0, _react.useState)(0);
-  (0, _react.useEffect)(() => {
-    const bump = () => setVersion(v => v + 1);
-    const unsubChanges = _jotaiStateStore.jotaiStateStore.subscribe(bump);
-    const unsubAtoms = _jotaiStateStore.jotaiStateStore.subscribeToAtoms(bump);
-    return () => {
-      unsubChanges();
-      unsubAtoms();
-    };
-  }, []);
-
-  // Recomputed per change on purpose — this screen edits the LIVE atom, so
-  // every view of it derives from the atom's current answer, never a seed.
-  const value = (0, _react.useMemo)(() => {
-    try {
-      return atom.getValue();
-    } catch {
-      return undefined;
-    }
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [atom, version]);
-  const blockedReason = editBlockedReasonFor(atom, value);
-  const [rawOpen, setRawOpen] = (0, _react.useState)(false);
-  const writer = (0, _react.useMemo)(() => {
-    if (blockedReason !== null) return undefined;
-    return {
-      update: (path, next) => {
-        const current = atom.getValue();
-        atom.setValue?.(path.length === 0 ? next : (0, _dataViewer.updateNestedDataByPath)(current, path, next));
-      },
-      remove: path => {
-        // Depth 0 is vetoed by canRemove; an atom is one value — you can
-        // empty it, not remove it.
-        if (path.length === 0) return;
-        const current = atom.getValue();
-        atom.setValue?.((0, _dataViewer.deleteNestedDataByPath)(current, path));
-      },
-      canRemove: path => path.length > 0
-    };
-  }, [atom, blockedReason]);
-  const displayValue = (0, _react.useMemo)(() => {
-    if (value && typeof value === "object") {
-      const filtered = {};
-      for (const [key, v] of Object.entries(value)) {
-        if (typeof v !== "function") filtered[key] = v;
-      }
-      return (0, _sharedUi.parseValue)(filtered);
-    }
-    return (0, _sharedUi.parseValue)(value);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value, version]);
-
-  /** Raw-hatch save: whole-value edit, one write. */
-  const applyRaw = (0, _react.useCallback)(next => {
-    atom.setValue?.(next);
-    setRawOpen(false);
-  }, [atom]);
-  const writePill = atom.setValue === undefined ? {
-    color: _sharedUi.night.color.textTertiary,
-    label: "READ-ONLY (DERIVED)"
-  } : atom.writeKind === "action" ? {
-    color: _sharedUi.buoyColors.warning,
-    label: "CUSTOM WRITE"
-  } : {
-    color: _sharedUi.buoyColors.success,
-    label: "PRIMITIVE"
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.root,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      testID: `${DETAIL_ID}-scroll`,
-      style: styles.scroll,
-      contentContainerStyle: styles.scrollContent,
-      keyboardShouldPersistTaps: "handled",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.section,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.editorContainer,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.sectionHeaderRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              testID: `${DETAIL_ID}-editor-header`,
-              style: styles.sectionHeaderText,
-              children: "Value Editor"
-            }), blockedReason === null ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-              onPress: () => setRawOpen(true),
-              testID: `${DETAIL_ID}-raw`,
-              accessibilityRole: "button",
-              accessibilityLabel: "Edit raw JSON",
-              style: styles.rawButton,
-              hitSlop: {
-                top: 6,
-                bottom: 6,
-                left: 6,
-                right: 6
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FileJson, {
-                size: 13,
-                color: _sharedUi.night.color.accent
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.rawButtonText,
-                children: "Raw"
-              })]
-            }) : null]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.sectionBody,
-            children: blockedReason === null ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.LiveExplorer, {
-                editable: true,
-                label: atom.label,
-                value: value,
-                defaultExpanded: [atom.label],
-                writer: writer,
-                dataVersion: version,
-                testIDForPath: detailExplorerTestID,
-                debounceMs: TYPING_COMMIT_MS
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.editorHint,
-                children: atom.writeKind === "action" ? "This atom has a custom write — the edited value is handed to it as its argument (a set for atomWithStorage, an ACTION for a reducer atom)." : "Edits write into the live atom as you make them — the whole value is replaced, jotai's own semantics."
-              })]
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.blockedText,
-              testID: `${DETAIL_ID}-edit-blocked`,
-              children: blockedReason
-            })
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.section,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.infoContainer,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionHeaderTextPlain,
-            children: "Atom Details"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.infoBody,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ExpandedInfoRow, {
-              label: "Type",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-                color: atom.color,
-                testID: `${rowID}-type`,
-                children: "JOTAI"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.valueTypeText,
-                testID: `${rowID}-valuetype`,
-                children: valueTypeLabel(value)
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow, {
-              label: "Write",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-                color: writePill.color,
-                testID: `${DETAIL_ID}-write`,
-                children: writePill.label
-              })
-            }), atom.changeCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ExpandedInfoRow, {
-              label: "Changes",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-                color: _sharedUi.buoyColors.warning,
-                testID: `${rowID}-changes`,
-                children: String(atom.changeCount)
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                onPress: () => onViewHistory(atom.label),
-                style: styles.inlineLinkButton,
-                hitSlop: {
-                  top: 6,
-                  bottom: 6,
-                  left: 6,
-                  right: 6
-                },
-                testID: `${rowID}-history`,
-                accessibilityRole: "button",
-                accessibilityLabel: `View ${atom.label} history`,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: [styles.inlineLinkText, {
-                    color: atom.color
-                  }],
-                  children: "view history \u2192"
-                })
-              })]
-            })]
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.section,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.infoContainer,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionHeaderTextPlain,
-            children: "Value Explorer"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.viewerBody,
-            testID: `${rowID}-value`,
-            children: displayValue && typeof displayValue === "object" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-              title: "",
-              data: displayValue,
-              showTypeFilter: true,
-              rawMode: true,
-              initialExpanded: false
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.primitiveText,
-              testID: `${rowID}-primitive`,
-              children: String(value ?? "undefined")
-            })
-          })]
-        })
-      })]
-    }), rawOpen && blockedReason === null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.ValueEditModal, {
-      path: [],
-      value: value,
-      onSave: applyRaw,
-      onCancel: () => setRawOpen(false),
-      saveLabel: "Apply",
-      testIDPrefix: `${_testIDs.JOTAI_TEST_ID}-value`
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    flex: 1,
-    minHeight: 0
-  },
-  scroll: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingHorizontal: 8,
-    paddingTop: 8,
-    paddingBottom: 24
-  },
-  section: {
-    marginBottom: 16
-  },
-  // The editable section wears the accent, like RQ's Data Editor — the one
-  // box on this screen that changes things should read differently from the
-  // two that don't.
-  editorContainer: {
-    minWidth: 200,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.accent + "4D",
-    overflow: "hidden",
-    shadowColor: _sharedUi.night.color.accent,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 6
-  },
-  sectionHeaderRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    backgroundColor: _sharedUi.night.color.accent + "1A",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.accent + "33"
-  },
-  sectionHeaderText: {
-    fontWeight: "600",
-    fontSize: 12,
-    color: _sharedUi.night.color.accent,
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: _sharedUi.monoFont
-  },
-  rawButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  rawButtonText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: 11,
-    fontWeight: "700"
-  },
-  sectionBody: {
-    padding: 8
-  },
-  editorHint: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10,
-    paddingTop: 8,
-    paddingHorizontal: 4,
-    lineHeight: 14
-  },
-  blockedText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 12,
-    padding: 12,
-    lineHeight: 18
-  },
-  infoContainer: {
-    minWidth: 200,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    overflow: "hidden"
-  },
-  sectionHeaderTextPlain: {
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    fontWeight: "600",
-    fontSize: 12,
-    color: _sharedUi.night.color.textSecondary,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.border,
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: _sharedUi.monoFont
-  },
-  infoBody: {
-    padding: 12,
-    gap: 10
-  },
-  viewerBody: {
-    backgroundColor: _sharedUi.night.color.bg,
-    minHeight: 60
-  },
-  primitiveText: {
-    color: _sharedUi.night.color.text,
-    fontSize: 12,
-    fontFamily: _sharedUi.monoFont,
-    padding: 14
-  },
-  valueTypeText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10,
-    fontFamily: _sharedUi.monoFont,
-    marginLeft: 6
-  },
-  inlineLinkButton: {
-    marginLeft: 4
-  },
-  inlineLinkText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.JotaiAtomValueDetailContent=JotaiAtomValueDetailContent;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _jotaiStateStore=require("../utils/jotaiStateStore");var _testIDs=require("../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");const TYPING_COMMIT_MS=300;const DETAIL_ID=`${_testIDs.JOTAI_TEST_ID}-atom-detail`;function detailExplorerTestID(e){const t=r=>r.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"");return e.length===0?`${DETAIL_ID}-explorer-root`:`${DETAIL_ID}-explorer-${e.map(t).filter(Boolean).join("-")}`}function editBlockedReasonFor(e,t){if(!e.setValue){return"Derived atom \u2014 its value recomputes from other atoms and has no setter. Edit the atoms it reads from instead."}if(typeof t==="function"){return"This atom holds a function \u2014 nothing here to edit as data."}if(t&&typeof t==="object"&&t.__buoyValueOnDevice===true){return"The value stayed on the device (too large for the wire) \u2014 open the tool on-device to edit it."}if(t&&typeof t==="object"){const r=Object.getPrototypeOf(t);const a=r===Object.prototype||r===null||Array.isArray(t)||t instanceof Map||t instanceof Set;if(!a){const c=t.constructor?.name??"class";return`This atom holds a ${c} instance \u2014 rebuilding it from edited fields would drop its prototype. Edit via app code.`}}return null}function valueTypeLabel(e){if(e===null)return"null";if(e===void 0)return"undefined";if(Array.isArray(e))return`array \xB7 ${e.length}`;return typeof e}function JotaiAtomValueDetailContent({atom:e,onViewHistory:t}){const r=(0,_testIDs.atomRowTestID)(e.label);const[a,c]=(0,_react.useState)(0);(0,_react.useEffect)(()=>{const o=()=>c(p=>p+1);const n=_jotaiStateStore.jotaiStateStore.subscribe(o);const s=_jotaiStateStore.jotaiStateStore.subscribeToAtoms(o);return()=>{n();s()}},[]);const i=(0,_react.useMemo)(()=>{try{return e.getValue()}catch{return void 0}},[e,a]);const l=editBlockedReasonFor(e,i);const[f,d]=(0,_react.useState)(false);const g=(0,_react.useMemo)(()=>{if(l!==null)return void 0;return{update:(o,n)=>{const s=e.getValue();e.setValue?.(o.length===0?n:(0,_dataViewer.updateNestedDataByPath)(s,o,n))},remove:o=>{if(o.length===0)return;const n=e.getValue();e.setValue?.((0,_dataViewer.deleteNestedDataByPath)(n,o))},canRemove:o=>o.length>0}},[e,l]);const u=(0,_react.useMemo)(()=>{if(i&&typeof i==="object"){const o={};for(const[n,s]of Object.entries(i)){if(typeof s!=="function")o[n]=s}return(0,_sharedUi.parseValue)(o)}return(0,_sharedUi.parseValue)(i)},[i,a]);const y=(0,_react.useCallback)(o=>{e.setValue?.(o);d(false)},[e]);const h=e.setValue===void 0?{color:_sharedUi.night.color.textTertiary,label:"READ-ONLY (DERIVED)"}:e.writeKind==="action"?{color:_sharedUi.buoyColors.warning,label:"CUSTOM WRITE"}:{color:_sharedUi.buoyColors.success,label:"PRIMITIVE"};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.root,children:[(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{testID:`${DETAIL_ID}-scroll`,style:styles.scroll,contentContainerStyle:styles.scrollContent,keyboardShouldPersistTaps:"handled",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.editorContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionHeaderRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:`${DETAIL_ID}-editor-header`,style:styles.sectionHeaderText,children:"Value Editor"}),l===null?(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:()=>d(true),testID:`${DETAIL_ID}-raw`,accessibilityRole:"button",accessibilityLabel:"Edit raw JSON",style:styles.rawButton,hitSlop:{top:6,bottom:6,left:6,right:6},children:[(0,_jsxRuntime.jsx)(_sharedUi.FileJson,{size:13,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rawButtonText,children:"Raw"})]}):null]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.sectionBody,children:l===null?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_dataViewer.LiveExplorer,{editable:true,label:e.label,value:i,defaultExpanded:[e.label],writer:g,dataVersion:a,testIDForPath:detailExplorerTestID,debounceMs:TYPING_COMMIT_MS}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.editorHint,children:e.writeKind==="action"?"This atom has a custom write \u2014 the edited value is handed to it as its argument (a set for atomWithStorage, an ACTION for a reducer atom).":"Edits write into the live atom as you make them \u2014 the whole value is replaced, jotai's own semantics."})]}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.blockedText,testID:`${DETAIL_ID}-edit-blocked`,children:l})})]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.infoContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionHeaderTextPlain,children:"Atom Details"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.infoBody,children:[(0,_jsxRuntime.jsxs)(_sharedUi.ExpandedInfoRow,{label:"Type",children:[(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:e.color,testID:`${r}-type`,children:"JOTAI"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.valueTypeText,testID:`${r}-valuetype`,children:valueTypeLabel(i)})]}),(0,_jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow,{label:"Write",children:(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:h.color,testID:`${DETAIL_ID}-write`,children:h.label})}),e.changeCount>0&&(0,_jsxRuntime.jsxs)(_sharedUi.ExpandedInfoRow,{label:"Changes",children:[(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:_sharedUi.buoyColors.warning,testID:`${r}-changes`,children:String(e.changeCount)}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>t(e.label),style:styles.inlineLinkButton,hitSlop:{top:6,bottom:6,left:6,right:6},testID:`${r}-history`,accessibilityRole:"button",accessibilityLabel:`View ${e.label} history`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.inlineLinkText,{color:e.color}],children:"view history \u2192"})})]})]})]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.section,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.infoContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionHeaderTextPlain,children:"Value Explorer"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.viewerBody,testID:`${r}-value`,children:u&&typeof u==="object"?(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:u,showTypeFilter:true,rawMode:true,initialExpanded:false}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.primitiveText,testID:`${r}-primitive`,children:String(i??"undefined")})})]})})]}),f&&l===null?(0,_jsxRuntime.jsx)(_dataViewer.ValueEditModal,{path:[],value:i,onSave:y,onCancel:()=>d(false),saveLabel:"Apply",testIDPrefix:`${_testIDs.JOTAI_TEST_ID}-value`}):null]})}const styles=_reactNative.StyleSheet.create({root:{flex:1,minHeight:0},scroll:{flex:1},scrollContent:{paddingHorizontal:8,paddingTop:8,paddingBottom:24},section:{marginBottom:16},editorContainer:{minWidth:200,backgroundColor:_sharedUi.night.color.surface,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.accent+"4D",overflow:"hidden",shadowColor:_sharedUi.night.color.accent,shadowOffset:{width:0,height:0},shadowOpacity:.1,shadowRadius:6},sectionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:_sharedUi.night.color.accent+"1A",paddingHorizontal:12,paddingVertical:8,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.accent+"33"},sectionHeaderText:{fontWeight:"600",fontSize:12,color:_sharedUi.night.color.accent,letterSpacing:.5,textTransform:"uppercase",fontFamily:_sharedUi.monoFont},rawButton:{flexDirection:"row",alignItems:"center",gap:4},rawButtonText:{color:_sharedUi.night.color.accent,fontSize:11,fontWeight:"700"},sectionBody:{padding:8},editorHint:{color:_sharedUi.night.color.textTertiary,fontSize:10,paddingTop:8,paddingHorizontal:4,lineHeight:14},blockedText:{color:_sharedUi.night.color.textSecondary,fontSize:12,padding:12,lineHeight:18},infoContainer:{minWidth:200,backgroundColor:_sharedUi.night.color.surface,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border,overflow:"hidden"},sectionHeaderTextPlain:{backgroundColor:_sharedUi.night.color.surfaceElevated,paddingHorizontal:12,paddingVertical:8,fontWeight:"600",fontSize:12,color:_sharedUi.night.color.textSecondary,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.border,letterSpacing:.5,textTransform:"uppercase",fontFamily:_sharedUi.monoFont},infoBody:{padding:12,gap:10},viewerBody:{backgroundColor:_sharedUi.night.color.bg,minHeight:60},primitiveText:{color:_sharedUi.night.color.text,fontSize:12,fontFamily:_sharedUi.monoFont,padding:14},valueTypeText:{color:_sharedUi.night.color.textTertiary,fontSize:10,fontFamily:_sharedUi.monoFont,marginLeft:6},inlineLinkButton:{marginLeft:4},inlineLinkText:{fontSize:10,fontWeight:"600",fontFamily:_sharedUi.monoFont}});

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

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JotaiEventFilterView = JotaiEventFilterView;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * JotaiEventFilterView
- *
- * The shared `EntityFilterView` with jotai's nouns: watched atoms you can
- * tap to hide, active atom-name patterns, and how it works.
- */
-
-const EXAMPLES = ["• count -> hides countAtom from atoms & events", "• auth -> hides authAtom, authStatusAtom", "• user -> hides userAtom from both tabs"];
-function JotaiEventFilterView({
-  ignoredPatterns,
-  onTogglePattern,
-  onAddPattern,
-  atoms
-}) {
-  const entities = (0, _react.useMemo)(() => atoms.map(atom => ({
-    name: atom.label,
-    color: atom.color
-  })), [atoms]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EntityFilterView, {
-    entities: entities,
-    ignoredPatterns: ignoredPatterns,
-    onTogglePattern: onTogglePattern,
-    onAddPattern: onAddPattern,
-    entityNoun: "ATOMS",
-    entitySingular: "atom",
-    entityKey: "atom",
-    testIDPrefix: _testIDs.JOTAI_TEST_ID,
-    slug: _testIDs.slugForTestID,
-    howItWorks: "Patterns hide matching atoms from both the Atoms tab and the Events tab. Tap an atom above to quickly add it as a filter.",
-    examples: EXAMPLES,
-    emptyMessage: "No atoms are being watched yet."
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.JotaiEventFilterView=JotaiEventFilterView;var _react=require("react");var _sharedUi=require("@buoy-gg/shared-ui");var _testIDs=require("../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");const EXAMPLES=["\u2022 count -> hides countAtom from atoms & events","\u2022 auth -> hides authAtom, authStatusAtom","\u2022 user -> hides userAtom from both tabs"];function JotaiEventFilterView({ignoredPatterns:r,onTogglePattern:a,onAddPattern:s,atoms:t}){const o=(0,_react.useMemo)(()=>t.map(e=>({name:e.label,color:e.color})),[t]);return(0,_jsxRuntime.jsx)(_sharedUi.EntityFilterView,{entities:o,ignoredPatterns:r,onTogglePattern:a,onAddPattern:s,entityNoun:"ATOMS",entitySingular:"atom",entityKey:"atom",testIDPrefix:_testIDs.JOTAI_TEST_ID,slug:_testIDs.slugForTestID,howItWorks:"Patterns hide matching atoms from both the Atoms tab and the Events tab. Tap an atom above to quickly add it as a filter.",examples:EXAMPLES,emptyMessage:"No atoms are being watched yet."})}

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

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "JOTAI_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.JOTAI_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "JotaiIcon", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.JotaiIcon;
-  }
-});
-var _sharedUi = require("@buoy-gg/shared-ui");
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"JOTAI_ICON_COLOR",{enumerable:true,get:function(){return _sharedUi.JOTAI_ICON_COLOR}});Object.defineProperty(exports,"JotaiIcon",{enumerable:true,get:function(){return _sharedUi.JotaiIcon}});var _sharedUi=require("@buoy-gg/shared-ui");